@charset "utf-8";

/* all */
body, html {
    width: 100%;
}

body {
    margin: 0;
    font-size: 14px;
    font-family: Helvetica, Arial, PingFang SC, Microsoft YaHei, sans-serif;
    line-height: 140%;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-all;
}

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a {
    border: 0;
}

ol, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a, a:link, a:visited, a:active, a:hover, button {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    text-decoration: none;
}

a {
    color: inherit;
}

p {
    word-wrap: break-word;
}

i, em {
    font-style: normal;
}

img {
    border: 0;
    vertical-align: middle;
}

input {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
}

input, button, select {
    outline: medium none;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input, textarea {
    border-radius: 0;
    -webkit-appearance: none;
}

/* container */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 15px;
}

.container:before, .container:after, .row:before, .row:after, .clearfix:before, .clearfix:after {
    clear: both;
    display: table;
    content: " ";
}

.row {
    position: relative;
    margin: 0 -4px;
    padding: 0;
}

.row [class*=hl-col-] {
    padding: 0 4px;
}

/* text */
.hl-fw-700 {
    font-weight: 700;
}

.hl-lc-1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hl-lc-2, .hl-lc-3 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.hl-lc-2 {
    -webkit-line-clamp: 2;
}

.hl-lc-3 {
    -webkit-line-clamp: 3;
}

/* cols */
.hl-col-xs-1, .hl-col-sm-1, .hl-col-md-1, .hl-col-lg-1, .hl-col-xs-2, .hl-col-sm-2, .hl-col-md-2, .hl-col-lg-2, .hl-col-xs-3, .hl-col-sm-3, .hl-col-md-3, .hl-col-lg-3, .hl-col-xs-4, .hl-col-sm-4, .hl-col-md-4, .hl-col-lg-4, .hl-col-xs-5, .hl-col-sm-5, .hl-col-md-5, .hl-col-lg-5, .hl-col-xs-6, .hl-col-sm-6, .hl-col-md-6, .hl-col-lg-6, .hl-col-xs-7, .hl-col-sm-7, .hl-col-md-7, .hl-col-lg-7, .hl-col-xs-8, .hl-col-sm-8, .hl-col-md-8, .hl-col-lg-8, .hl-col-xs-9, .hl-col-sm-9, .hl-col-md-9, .hl-col-lg-9, .hl-col-xs-10, .hl-col-sm-10, .hl-col-md-10, .hl-col-lg-10, .hl-col-xs-11, .hl-col-sm-11, .hl-col-md-11, .hl-col-lg-11, .hl-col-xs-12, .hl-col-sm-12, .hl-col-md-12, .hl-col-lg-12 {
    position: relative;
    min-height: 1px;
}

.hl-col-xs-1, .hl-col-xs-2, .hl-col-xs-3, .hl-col-xs-4, .hl-col-xs-5, .hl-col-xs-6, .hl-col-xs-7, .hl-col-xs-8, .hl-col-xs-9, .hl-col-xs-10, .hl-col-xs-11, .hl-col-xs-12, .hl-col-xs-5w, .hl-col-xs-10w, .hl-col-xs-15w, .hl-col-xs-20w, .hl-col-xs-25w, .hl-col-xs-30w, .hl-col-xs-35w, .hl-col-xs-40w, .hl-col-xs-45w, .hl-col-xs-50w, .hl-col-xs-55w, .hl-col-xs-60w, .hl-col-xs-65w, .hl-col-xs-70w, .hl-col-xs-75w, .hl-col-xs-80w, .hl-col-xs-85w, .hl-col-xs-90w, .hl-col-xs-95w {
    float: left;
}

.hl-col-xs-12 {
    width: 100%;
}

.hl-col-xs-11 {
    width: 91.66666667%;
}

.hl-col-xs-10 {
    width: 83.33333333%;
}

.hl-col-xs-9 {
    width: 75%;
}

.hl-col-xs-8 {
    width: 66.66666667%;
}

.hl-col-xs-7 {
    width: 58.33333333%;
}

.hl-col-xs-6 {
    width: 50%;
}

.hl-col-xs-5 {
    width: 41.66666667%;
}

.hl-col-xs-4 {
    width: 33.33333333%;
}

.hl-col-xs-3 {
    width: 25%;
}

.hl-col-xs-2 {
    width: 16.66666667%;
}

.hl-col-xs-1 {
    width: 8.33333333%;
}

.hl-col-xs-95w {
    width: 95%;
}

.hl-col-xs-90w {
    width: 90%;
}

.hl-col-xs-85w {
    width: 85%;
}

.hl-col-xs-80w {
    width: 80%;
}

.hl-col-xs-75w {
    width: 75%;
}

.hl-col-xs-70w {
    width: 70%;
}

.hl-col-xs-65w {
    width: 65%;
}

.hl-col-xs-60w {
    width: 60%;
}

.hl-col-xs-55w {
    width: 55%;
}

.hl-col-xs-50w {
    width: 50%;
}

.hl-col-xs-45w {
    width: 45%;
}

.hl-col-xs-40w {
    width: 40%;
}

.hl-col-xs-35w {
    width: 35%;
}

.hl-col-xs-30w {
    width: 30%;
}

.hl-col-xs-25w {
    width: 25%;
}

.hl-col-xs-20w {
    width: 20%;
}

.hl-col-xs-15w {
    width: 15%;
}

.hl-col-xs-10w {
    width: 10%;
}

.hl-col-xs-5w {
    width: 5%;
}

@media (min-width: 768px) {
    .hl-col-sm-1, .hl-col-sm-2, .hl-col-sm-3, .hl-col-sm-4, .hl-col-sm-5, .hl-col-sm-6, .hl-col-sm-7, .hl-col-sm-8, .hl-col-sm-9, .hl-col-sm-10, .hl-col-sm-11, .hl-col-sm-12, .hl-col-sm-5w, .hl-col-sm-10w, .hl-col-sm-15w, .hl-col-sm-20w, .hl-col-sm-25w, .hl-col-sm-30w, .hl-col-sm-35w, .hl-col-sm-40w, .hl-col-sm-45w, .hl-col-sm-50w, .hl-col-sm-55w, .hl-col-sm-60w, .hl-col-sm-65w, .hl-col-sm-70w, .hl-col-sm-75w, .hl-col-sm-80w, .hl-col-sm-85w, .hl-col-sm-90w, .hl-col-sm-95w {
        float: left;
    }

    .hl-col-sm-12 {
        width: 100%;
    }

    .hl-col-sm-11 {
        width: 91.66666667%;
    }

    .hl-col-sm-10 {
        width: 83.33333333%;
    }

    .hl-col-sm-9 {
        width: 75%;
    }

    .hl-col-sm-8 {
        width: 66.66666667%;
    }

    .hl-col-sm-7 {
        width: 58.33333333%;
    }

    .hl-col-sm-6 {
        width: 50%;
    }

    .hl-col-sm-5 {
        width: 41.66666667%;
    }

    .hl-col-sm-4 {
        width: 33.33333333%;
    }

    .hl-col-sm-3 {
        width: 25%;
    }

    .hl-col-sm-2 {
        width: 16.66666667%;
    }

    .hl-col-sm-1 {
        width: 8.33333333%;
    }

    .hl-col-sm-95w {
        width: 95%;
    }

    .hl-col-sm-90w {
        width: 90%;
    }

    .hl-col-sm-85w {
        width: 85%;
    }

    .hl-col-sm-80w {
        width: 80%;
    }

    .hl-col-sm-75w {
        width: 75%;
    }

    .hl-col-sm-70w {
        width: 70%;
    }

    .hl-col-sm-65w {
        width: 65%;
    }

    .hl-col-sm-60w {
        width: 60%;
    }

    .hl-col-sm-55w {
        width: 55%;
    }

    .hl-col-sm-50w {
        width: 50%;
    }

    .hl-col-sm-45w {
        width: 45%;
    }

    .hl-col-sm-40w {
        width: 40%;
    }

    .hl-col-sm-35w {
        width: 35%;
    }

    .hl-col-sm-30w {
        width: 30%;
    }

    .hl-col-sm-25w {
        width: 25%;
    }

    .hl-col-sm-20w {
        width: 20%;
    }

    .hl-col-sm-15w {
        width: 15%;
    }

    .hl-col-sm-10w {
        width: 10%;
    }

    .hl-col-sm-5w {
        width: 5%;
    }
}

@media (min-width: 992px) {
    .hl-col-md-1, .hl-col-md-2, .hl-col-md-3, .hl-col-md-4, .hl-col-md-5, .hl-col-md-6, .hl-col-md-7, .hl-col-md-8, .hl-col-md-9, .hl-col-md-10, .hl-col-md-11, .hl-col-md-12, .hl-col-md-5w, .hl-col-md-10w, .hl-col-md-15w, .hl-col-md-20w, .hl-col-md-25w, .hl-col-md-30w, .hl-col-md-35w, .hl-col-md-40w, .hl-col-md-45w, .hl-col-md-50w, .hl-col-md-55w, .hl-col-md-60w, .hl-col-md-65w, .hl-col-md-70w, .hl-col-md-75w, .hl-col-md-80w, .hl-col-md-85w, .hl-col-md-90w, .hl-col-md-95w {
        float: left;
    }

    .hl-col-md-12 {
        width: 100%;
    }

    .hl-col-md-11 {
        width: 91.66666667%;
    }

    .hl-col-md-10 {
        width: 83.33333333%;
    }

    .hl-col-md-9 {
        width: 75%;
    }

    .hl-col-md-8 {
        width: 66.66666667%;
    }

    .hl-col-md-7 {
        width: 58.33333333%;
    }

    .hl-col-md-6 {
        width: 50%;
    }

    .hl-col-md-5 {
        width: 41.66666667%;
    }

    .hl-col-md-4 {
        width: 33.33333333%;
    }

    .hl-col-md-3 {
        width: 25%;
    }

    .hl-col-md-2 {
        width: 16.66666667%;
    }

    .hl-col-md-1 {
        width: 8.33333333%;
    }

    .hl-col-md-95w {
        width: 95%;
    }

    .hl-col-md-90w {
        width: 90%;
    }

    .hl-col-md-85w {
        width: 85%;
    }

    .hl-col-md-80w {
        width: 80%;
    }

    .hl-col-md-75w {
        width: 75%;
    }

    .hl-col-md-70w {
        width: 70%;
    }

    .hl-col-md-65w {
        width: 65%;
    }

    .hl-col-md-60w {
        width: 60%;
    }

    .hl-col-md-55w {
        width: 55%;
    }

    .hl-col-md-50w {
        width: 50%;
    }

    .hl-col-md-45w {
        width: 45%;
    }

    .hl-col-md-40w {
        width: 40%;
    }

    .hl-col-md-35w {
        width: 35%;
    }

    .hl-col-md-30w {
        width: 30%;
    }

    .hl-col-md-25w {
        width: 25%;
    }

    .hl-col-md-20w {
        width: 20%;
    }

    .hl-col-md-15w {
        width: 15%;
    }

    .hl-col-md-10w {
        width: 10%;
    }

    .hl-col-md-5w {
        width: 5%;
    }
}

@media (min-width: 1200px) {
    .hl-col-lg-1, .hl-col-lg-2, .hl-col-lg-3, .hl-col-lg-4, .hl-col-lg-5, .hl-col-lg-6, .hl-col-lg-7, .hl-col-lg-8, .hl-col-lg-9, .hl-col-lg-10, .hl-col-lg-11, .hl-col-lg-12, .hl-col-lg-5w, .hl-col-lg-10w, .hl-col-lg-15w, .hl-col-lg-20w, .hl-col-lg-25w, .hl-col-lg-30w, .hl-col-lg-35w, .hl-col-lg-40w, .hl-col-lg-45w, .hl-col-lg-50w, .hl-col-lg-55w, .hl-col-lg-60w, .hl-col-lg-65w, .hl-col-lg-70w, .hl-col-lg-75w, .hl-col-lg-80w, .hl-col-lg-85w, .hl-col-lg-90w, .hl-col-lg-95w {
        float: left;
    }

    .hl-col-lg-12 {
        width: 100%;
    }

    .hl-col-lg-11 {
        width: 91.66666667%;
    }

    .hl-col-lg-10 {
        width: 83.33333333%;
    }

    .hl-col-lg-9 {
        width: 75%;
    }

    .hl-col-lg-8 {
        width: 66.66666667%;
    }

    .hl-col-lg-7 {
        width: 58.33333333%;
    }

    .hl-col-lg-6 {
        width: 50%;
    }

    .hl-col-lg-5 {
        width: 41.66666667%;
    }

    .hl-col-lg-4 {
        width: 33.33333333%;
    }

    .hl-col-lg-3 {
        width: 25%;
    }

    .hl-col-lg-2 {
        width: 16.66666667%;
    }

    .hl-col-lg-1 {
        width: 8.33333333%;
    }

    .hl-col-lg-95w {
        width: 95%;
    }

    .hl-col-lg-90w {
        width: 90%;
    }

    .hl-col-lg-85w {
        width: 85%;
    }

    .hl-col-lg-80w {
        width: 80%;
    }

    .hl-col-lg-75w {
        width: 75%;
    }

    .hl-col-lg-70w {
        width: 70%;
    }

    .hl-col-lg-65w {
        width: 65%;
    }

    .hl-col-lg-60w {
        width: 60%;
    }

    .hl-col-lg-55w {
        width: 55%;
    }

    .hl-col-lg-50w {
        width: 50%;
    }

    .hl-col-lg-45w {
        width: 45%;
    }

    .hl-col-lg-40w {
        width: 40%;
    }

    .hl-col-lg-35w {
        width: 35%;
    }

    .hl-col-lg-30w {
        width: 30%;
    }

    .hl-col-lg-25w {
        width: 25%;
    }

    .hl-col-lg-20w {
        width: 20%;
    }

    .hl-col-lg-15w {
        width: 15%;
    }

    .hl-col-lg-10w {
        width: 10%;
    }

    .hl-col-lg-5w {
        width: 5%;
    }
}

/* other */
.hl-htmlover {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.hl-hidden {
    overflow: hidden !important;
}

.hl-hide {
    display: none !important;
}

.hl-show {
    display: block !important;
}

.hl-pull-left {
    float: left !important;
}

.hl-pull-right {
    float: right !important;
}

.hl-text-center {
    text-align: center !important;
}

.hl-ma0 {
    margin: 0 !important;
}

.hl-pa0 {
    padding: 0 !important;
}

.hl-ra0 {
    border-radius: 0 !important;
}

.hl-disad {
    cursor: not-allowed;
    pointer-events: none;
}

.hl-visible-lg, .hl-visible-md, .hl-visible-sm, .hl-visible-xs, .hl-visible-inline-lg, .hl-visible-inline-md, .hl-visible-inline-sm, .hl-visible-inline-xs {
    display: none !important;
}

.hl-marg-top {
    margin-top: 15px;
}

.hl-tran5 {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s;
}

.hl-slide-swiper {
    position: relative;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hl-fadeIn {
    line-height: 1.4;
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.hl-empty-wrap i {
    font-size: 160px;
    line-height: 160px;
}

.hl-empty-wrap p {
    margin: 10px 0;
}

.hl-bord1 {
    border: 1px solid
}

.hl-bord-top {
    border-color: 1px solid
}

/* color */
@keyframes rectangle {
    0%, 100%, 80% {
        height: 6px;
        -webkit-box-shadow: 0 0 #f50;
        box-shadow: 0 0 #f50;
    }
    40% {
        height: 6px;
        -webkit-box-shadow: 0 -4px #f50;
        box-shadow: 0 -4px #f50;
    }
}

.conch-content .hl-row-box .hl-site-tabs a.active, .conch-content .hl-tool-icon a.disabled, .conch-content .hl-type-name a.active, .conch-header .conch-menus ul > li > a.active, .conch-header .conch-menus ul > li > a.active > i, .conch-results li strong, .hl-btn-border, .hl-text-conch {
    color: #f50;
}

.conch-banner .swiper-pagination-bullet-active, .conch-content .hl-play-source .hl-plays-from a.active:after, .conch-content .hl-play-source .hl-plays-list li > a > em::after, .conch-content .hl-play-source .hl-plays-list li > a > em::before, .conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link:after, .conch-content .hl-row-box .hl-pic-tag span, .conch-content .hl-row-box .hl-site-tabs a.active::after, .conch-footer .hl-foot-extra .hl-fe-list a span, .conch-header .conch-menus ul > li > a.active em, .hl-bg-conch, .hl-page-wrap li a.active {
    background: #f50;
}

.conch-input:checked {
    background-color: #f50;
}

.conch-content .hl-conch-items, .conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link, .conch-content .hl-row-box .hl-rb-title i, .conch-content .hl-row-box .hl-week-item .hl-tabs-btn.active, .conch-content .hl-smnav-home .hl-smnav-item a > i, .conch-header .conch-hasconch, .hl-btn-gradient {
    background: #f50;
    background: -webkit-gradient(linear, left top, right top, from(#f50), to(#f80));
    background: -webkit-linear-gradient(left, #f50, #f80);
    background: -o-linear-gradient(left, #f50 0, #f80 100%);
    background: linear-gradient(90deg, #f50, #f80);
}

.conch-content .hl-row-box .hl-rb-title i, .conch-content .hl-smnav-home .hl-smnav-item a > i {
    color: transparent !important;
    -webkit-background-clip: text !important;
}

.conch-input:checked, .hl-btn-border, .hl-comm-form .hl-comm-focus, .hl-msg-jump .btn a.cz, .hl-page-wrap li a.active, .hl-player-popeom a.cz {
    border-color: #f50 !important;
}

.conch-banner .swiper-pagination-bullet, .conch-content .hl-row-box .hl-actor-sm li.active .hl-item-title, .conch-content .hl-row-box .hl-pic-tag span, .conch-content .hl-row-box .hl-week-item .hl-tabs-btn.active, .conch-hasbg .conch-headwrap:not(.fixed) .hl-mob-nav span, .conch-hasbg .hl-actor-content.hl-actor-list .hl-item-title, .conch-hasbg .hl-has-item .hl-dc-title, .conch-hasbg .hl-score-wrap > .hl-score-info .hl-score-title > span, .conch-hasbg .hl-topic-content h2, .conch-header .conch-hasconch .hl-mob-nav span, .conch-header .conch-menus ul > li > a.active em, .hl-btn-gradient, .hl-page-wrap li a.active, .hl-text-white {
    color: #fff;
}

.conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link .hl-item-sub, .conch-hasbg .conch-headwrap:not(.fixed) .hl-mob-nav a, .conch-hasbg .hl-actor-content.hl-actor-list span em, .conch-hasbg .hl-copyright-tips, .conch-hasbg .hl-has-item .hl-data-xs > a, .conch-hasbg .hl-has-item .hl-dc-sub, .conch-hasbg .hl-has-item .hl-form-wb > a, .conch-hasbg .hl-has-item .hl-tool-icon li > a:not(.disabled), .conch-hasbg .hl-score-wrap > .hl-score-info .hl-score-data, .conch-hasbg .hl-score-wrap > .hl-score-info .hl-score-title .list-tips, .conch-hasbg .hl-topic-content .hl-content-wrap a {
    color: rgba(255, 255, 255, .6);
}

.conch-hasbg .conch-headwrap:not(.fixed) .hl-list-font > a:not(.conch-user), .conch-hasbg .conch-headwrap:not(.fixed) .hl-nav-item > a:not(.active), .conch-hasbg .conch-headwrap:not(.fixed) .hl-nav-more > a, .conch-hasbg .hl-actor-content .hl-actor-like em, .conch-hasbg .hl-actor-content.hl-actor-list span, .conch-hasbg .hl-score-wrap > .hl-score-info .hl-douban-score, .conch-hasbg .hl-score-wrap > .hl-score-info .hl-score-nums, .conch-hasbg .hl-topic-content .hl-content-wrap span, .conch-header .conch-hasconch .hl-list-font > a:not(.conch-user), .conch-header .conch-hasconch .hl-nav-item > a, .conch-header .conch-hasconch .hl-nav-more > a {
    /*color: rgba(255, 255, 255, .8);*/
}

.conch-banner .conch-br-box .hl-br-type {
    background-color: rgba(0, 0, 0, .5);
}

.conch-banner .swiper-button-next, .conch-banner .swiper-button-prev {
    background: 0 0;
}

.conch-hasbg .conch-headwrap:not(.fixed) .conch-search, .conch-hasbg .conch-headwrap:not(.fixed) .conch-search .hl-search-select::after, .conch-hasbg .hl-detail-side, .conch-hasbg .hl-has-item .hl-row-box .hl-item-watch:after {
    background: rgba(255, 255, 255, .1);
}

.conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link:after {
    opacity: .85;
}

/* header */
.conch-adjust-fix {
    padding-top: 90px;
}

.conch-header {
    position: relative;
    display: block;
    width: 100%;
    z-index: 99;
}

.conch-header .conch-headwrap.fixed {
    position: fixed;
    top: -90px;
    left: 0;
    z-index: 99999;
    width: 100%;
}

.conch-header .conch-headwrap.fixed.active {
    top: -42px;
}

.conch-hasone .conch-header .conch-headwrap.fixed.active {
    top: 0;
}

.conch-hasbg .conch-header .conch-headwrap.conch-hasconch:not(.fixed), .conch-hasbg .conch-header .conch-headwrap.conch-hasconch:not(.fixed)::before {
    background: none;
}

.conch-conchs .conch-header .conch-headwrap.conch-hasconch {
    box-shadow: none;
}

.conch-header .conch-logo {
    float: left;
    margin: 10px 0;
    padding: 4px 0 4px 4px;
}

.conch-header .conch-logo .hl-logo {
    width: 90px;
    height: 24px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.conch-header .conch-nav {
    position: relative;
    float: left;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
}

.conch-header .conch-nav .hl-nav-wrap {
    margin-right: 40px;
    overflow: hidden;
}

.conch-header .conch-nav .hl-nav-item {
    float: left;
    display: block;
    padding: 0 10px;
}

.conch-header .conch-nav .hl-nav-item:first-child {
    padding-left: 15px;
}

.conch-header .conch-nav .hl-nav-item:last-child {
    margin-right: 45px;
}

.conch-header .conch-nav a {
    display: block;
}

.conch-header .conch-nav a > img {
    display: inline-block;
    max-width: 100px;
    max-height: 18px;
    vertical-align: -3px;
}

.conch-header .conch-nav .hl-nav-more {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
}

.conch-header .hl-nav-more span {
    margin-right: 4px;
}

.conch-header .conch-nav .hl-nav-more .hl-mbg {
    float: left;
    width: 15px;
    height: 28px;
    margin-right: -4px;
}

.conch-header .conch-hasconch .conch-nav .hl-nav-more .hl-mbg, .conch-hasbg .conch-header .conch-nav .hl-nav-more .hl-mbg {
    display: none !important;
}

.conch-header .conch-nav .hl-nav-more a {
    float: left;
    padding: 0 17px 0 10px;
}

.conch-header .conch-nav .hl-nav-item a.active {
    font-weight: 700;
    font-size: 20px;
}

.conch-header .conch-search {
    position: absolute;
    right: 85px;
    left: 120px;
    z-index: 99;
    display: block;
    margin: 10px 0;
    width: auto;
    height: 32px;
    border-radius: 64px;
}

.conch-header .conch-search .hl-search-select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
}

.hl-search-select i {
    margin-left: -2px;
    font-size: 12px;
    vertical-align: top;
}

.hl-select-op .hl-search-select i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(45deg);
    display: inline-block;
}

.conch-content .hl-search-form .hl-search-select::after, .conch-header .conch-search .hl-search-select::after {
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    content: "";
}

.conch-header .conch-search .hl-ss-box {
    top: 100%;
    left: -4px;
}

.conch-header .conch-search .hl-ss-item {
    padding: 10px;
    width: 80px;
    text-align: center;
}

.conch-header .conch-search .hl-ss-item span {
    display: block;
    padding: 5px 0;
    line-height: 100%;
    cursor: pointer;
}

.conch-header .conch-search .hl-search-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    padding: 0 40px 0 15px;
    width: 100%;
    height: 32px;
    border: 0;
    border-radius: 64px;
    background: 0 0;
    line-height: 32px;
}

.conch-header .conch-search .hl-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: block;
    width: 40px;
    height: 32px;
    border: 0;
    border-radius: 64px;
    background: 0 0;
    line-height: 32px;
}

.conch-header .conch-search .hl-sh-box {
    top: 100%;
    margin-top: 15px;
}

.conch-header .conch-search .hl-sh-item {
    margin: 15px 0;
    padding: 0 15px;
    width: 100%;
}

.conch-header .conch-search .hl-sh-title {
    margin: 15px 0;
    font-size: 15px;
}

.conch-header .conch-search .hl-sh-title a {
    float: right;
}

.conch-header .conch-search .hl-sh-list li > a {
    position: relative;
    float: left;
    display: block;
    margin: 0 10px 10px 0;
    padding: 4px 12px;
    border-radius: 3px;
}

.conch-header .conch-search .hl-sh-list li > a > i {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 14px;
    border-radius: 2px;
    background: #fc4274;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
}

.conch-adjust-ss .conch-results, .conch-adjust-ss .hl-sh-item {
    display: none !important;
    opacity: 0 !important;
}

.conch-results {
    display: block;
    overflow: hidden;
    margin-top: 15px;
}

.conch-results li {
    display: block;
    overflow: hidden;
    padding: 0 15px;
    line-height: 40px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conch-header .conch-search-nav {
    position: relative;
    float: left;
    display: block;
    margin: 10px 0;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
}

.conch-header .conch-search-nav .hl-nav-item {
    padding: 0 20px;
}

.conch-header .conch-list {
    float: right;
    display: block;
    line-height: 52px;
    padding-right: 15px;
}

.conch-header .conch-list .hl-list-font {
    position: relative;
    float: left;
    display: block;
    margin-left: 15px;
    height: 52px;
}

.conch-header .conch-list .hl-list-font > a > i {
    font-size: 20px;
}

.conch-header .conch-list .hl-list-font > a > i.hl-icon-weixin {
    font-size: 22px;
}

.conch-header .conch-list .hl-user-items > a {
    display: block;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
}

.conch-header .conch-list .hl-user-items > a > img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.conch-header .conch-menus {
    position: fixed;
    top: 0;
    left: -240px;
    z-index: 99999;
    width: 240px;
    height: 100%;
}

.conch-header .conch-menus .conch-logo {
    margin: 0;
    padding: 4px 0;
}

.conch-menus .conch-ms-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.conch-header .conch-menus.active {
    left: 0;
}

.conch-header .conch-menus.active .conch-ms-overlay {
    visibility: visible;
}

.conch-header .conch-menus .conch-ms-header {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 0 24px;
    height: 32px;
}

.conch-header .conch-menus .conch-ms-close {
    position: absolute;
    right: 20px;
    display: block;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
}

.conch-header .conch-menus .conch-mswrap {
    padding: 0 0 15px;
    height: auto;
}

.conch-header .conch-menus .conch-scrollbar {
    position: relative;
    overflow: hidden;
    height: calc(100% - 52px);
}

.conch-scrollbar .swiper-scrollbar {
    top: calc(1% + 70px);
    height: calc(98% - 70px);
}

.conch-scrollbar .swiper-scrollbar, .hl-play-scrollbar .swiper-scrollbar {
    display: none;
    background: 0 0;
}

.conch-header .conch-menus ul > li.hl-menus-item a {
    position: relative;
    display: block;
    padding: 10px 24px;
    font-size: 16px;
    line-height: 24px;
}

.conch-header .conch-menus ul > li > a.active span {
    font-weight: 700;
}

.conch-header .conch-menus ul > li > a.active em {
    display: block;
}

.conch-header .conch-menus ul > li > a > i {
    display: inline-block;
    vertical-align: bottom;
    font-size: 22px;
}

.conch-header .conch-menus ul > li > a > span {
    margin-left: 5px;
}

.conch-header .conch-menus ul > li > a > em {
    float: right;
    display: none;
    margin: 2px 0;
    padding: 0 10px;
    border-radius: 24px;
    font-size: 12px;
    line-height: 20px;
}

.conch-header .conch-menus ul > li > a > span > img {
    display: inline-block;
    max-width: 100px;
    max-height: 18px;
    vertical-align: -4px;
}

.conch-header .conch-menus ul li a i.hl-iconimg {
    float: left;
    display: block;
    margin: 0 1px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.conch-header .conch-menus ul > li.hl-type-child {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 24px;
}

.conch-header .conch-menus ul > li.hl-type-child a {
    float: left;
    display: block;
    overflow: hidden;
    margin: 0 5% 10px 0;
    padding: 0 2px;
    font-size: 13px;
    border-radius: 3px;
    width: 30%;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conch-header .conch-menus ul > li.hl-type-child a:nth-child(3n) {
    margin-right: 0;
}

.conch-header .hl-mob-nav {
    height: 48px;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    position: relative;
    z-index: 1;
}

.conch-header .hl-mob-nav a {
    width: 48px;
    height: 48px;
}

.conch-header .hl-mob-nav a.left {
    font-size: 18px;
}

.conch-header .hl-mob-nav .hl-mob-title {
    font-weight: 700;
    font-size: 18px;
}

.conch-header .fixed .hl-mob-nav .hl-mob-title.hl-mob-type, .conch-header .hl-mob-nav .hl-mob-name {
    display: none;
}

.conch-header .fixed .hl-mob-nav .hl-mob-name {
    display: block;
}

/* banner */
.conch-banner {
    display: block;
    overflow: hidden;
    width: 100%;
}

.conch-banner .conch-br-box {
    position: relative;
}

.conch-banner .conch-br-box .hl-br-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 56.25%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.conch-banner .conch-br-box .hl-br-thumb:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: " ";
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.conch-banner .conch-br-box .swiper-slide-active .hl-br-thumb:after {
    z-index: -1;
    background: 0 0;
}

.conch-banner .conch-br-box .hl-br-text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 10px 15px;
    width: 100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.conch-banner .conch-br-box .hl-br-type {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 4px;
    border-radius: 2px;
    text-shadow: none;
    font-size: 12px;
    line-height: 18px;
    opacity: .65;
}

.conch-banner .conch-br-box .hl-br-title {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.conch-banner .conch-br-box .hl-br-sub {
    display: block;
    margin-right: 30%;
    font-size: 12px;
    opacity: .8;
}

.conch-banner .conch-br-box .hl-br-arrow {
    display: none;
}

.conch-banner .swiper-pagination-bullet {
    width: 3px;
    height: 3px;
    border-radius: 32px;
    opacity: .5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.conch-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.conch-banner .swiper-pagination-bullet-active {
    width: 8px;
    opacity: 1;
}

.conch-banner .swiper-container-horizontal > .swiper-pagination-bullets {
    right: 25px;
    bottom: 13px;
    left: auto;
    width: auto;
}

.conch-banner .swiper-button-next, .conch-banner .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 99;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 100%;
}

.conch-banner .swiper-button-prev {
    right: auto;
    left: 15px;
}

.conch-banner .swiper-button-next {
    right: 15px;
    left: auto;
}

.conch-banner .conch-brwrap-art .hl-brrt-item {
    margin-top: 15px;
}

.conch-banner .conch-brwrap-art .hl-brrt-item .hl-br-title {
    font-size: 15px;
    line-height: 18px;
}

.conch-banner .conch-brwrap-art .hl-brrt-item .hl-pic-text {
    padding: 10px 15px;
}

.conch-banner .conch-brwrap-art .hl-brrt-item .hl-item-thumb {
    padding-top: 60%;
}

/* contentwrap */
.conch-content .conch-ctwrap {
    padding-top: 25px;
}

.conch-content .hl-row-nano {
    margin-bottom: 25px;
}

/* smallnav */
.conch-content .hl-smnav-box {
    position: relative;
    margin: 5px 0;
}

.conch-content .hl-smnav-home .hl-smnav-item {
    float: none;
    display: table-cell;
    margin-right: 0;
    width: 1%;
    text-align: center;
}

.conch-content .hl-smnav-home .hl-smnav-item a {
    display: block;
}

.conch-content .hl-smnav-home .hl-smnav-item a > i {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
}

.conch-content .hl-smnav-home .hl-smnav-item a > span {
    display: block;
    margin-top: 5px;
}

.conch-content .hl-smnav-type .hl-smnav-item {
    float: left;
    display: block;
    margin-right: 10px;
}

.conch-content .hl-smnav-type .hl-smnav-item a {
    display: block;
    padding: 0 15px;
    height: 36px;
    border-radius: 24px;
    text-align: center;
    line-height: 36px;
}

.conch-content .hl-smnav-type .hl-smnav-item a > i {
    display: inline-block;
    margin-right: 1px;
    vertical-align: -1px;
}

.conch-content .hl-typenav-all {
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 5;
}

.conch-content .hl-typenav-all .hl-mbg {
    float: left;
    width: 20px;
    height: 36px;
}

.conch-content .hl-smnav-type .hl-typenav-all .hl-smnav-item {
    padding: 0 15px 0 0;
    margin-right: 0;
}

.conch-content .hl-smnav-type .hl-smnav .hl-smnav-item:last-child {
    margin-right: 82px;
}

/* notice */
.conch-content .hl-notice-box {
    margin: 5px 0;
}

.conch-content .hl-notice-box .hl-notice-item {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
}

.conch-content .hl-notice-box .hl-nb-left-s, .conch-content .hl-notice-box .hl-nb-right-s {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 100%;
}

.conch-content .hl-notice-box .hl-nb-left-s {
    left: 0;
}

.conch-content .hl-notice-box .hl-nb-right-s {
    right: 0;
}

.conch-content .hl-notice-box .hl-nb-left-s i, .conch-content .hl-notice-box .hl-nb-right-s i {
    display: block;
    height: 100%;
}

.conch-content .hl-notice-box .hl-nb-left-s i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

/* rowbox */
.conch-content .hl-row-box {
    position: relative;
    margin-bottom: 25px;
}

.conch-content .hl-row-box .hl-rb-head {
    margin-bottom: 15px;
}

.conch-content .hl-row-box .hl-rb-title {
    float: left;
    display: block;
    line-height: 28px;
}

.conch-content .hl-row-box h2.hl-rb-title {
    font-weight: 700;
    font-size: 20px;
}

.conch-content .hl-row-box h3.hl-rb-title {
    font-weight: 700;
    font-size: 18px;
}

.conch-content .hl-row-box .hl-rb-title i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
    font-weight: 400;
    font-size: 26px;
}

.conch-content .hl-row-box .hl-rb-more {
    float: right;
    margin-left: 20px;
    line-height: 28px;
}

.conch-content .hl-row-box .hl-rb-tips {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 0 20px;
    width: calc(100% - 168px);
    height: 28px;
    line-height: 28px;
}

.conch-content .hl-row-box .hl-rb-total {
    float: left;
    display: inline-block;
    line-height: 28px;
    margin-left: 20px;
}

.conch-content .hl-row-box .hl-head-page .hl-rb-total {
    margin-left: 0;
}

.conch-content .hl-row-box .hl-head-page h3 {
    padding-bottom: 10px;
}

.conch-content .hl-row-box .hl-rb-type-child {
    float: left;
    margin: 15px 0 0 0;
    width: 100%;
}

.conch-content .hl-row-box .hl-rb-type-child a {
    float: left;
    display: block;
    margin-right: 3%;
    width: 11.7125%;
    height: 28px;
    border-radius: 24px;
    text-align: center;
    line-height: 28px;
}

.conch-content .hl-row-box .hl-rb-type-child a:last-child {
    margin-right: 0;
}

.conch-content .hl-row-box .hl-site-tits {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.conch-content .hl-row-box .hl-site-tabs a {
    position: relative;
    padding-bottom: 10px;
    display: table-cell;
    width: 1%;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.conch-content .hl-row-box .hl-site-tabs a.active::after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 3px;
    border-radius: 4px;
    content: "";
}

.conch-content .conch-brwrap .hl-row-box {
    margin-bottom: 0;
}

.conch-content .hl-row-box .hl-rb-type-child.hl-rb-type-slide {
    display: block;
    overflow: hidden;
    width: calc(100% - 50px);
    height: 28px;
}

.conch-content .hl-row-box .hl-rb-type-child.hl-rb-type-slide {
    margin: 0 0 0 10px;
}

.conch-content .hl-row-box .hl-rb-type-child.hl-rb-type-slide a {
    width: auto;
    padding: 0 10px;
    margin-right: 0;
    font-size: 15px;
}

/* vodlist */
.conch-content .hl-row-box .hl-list-item {
    margin-bottom: 15px;
}

.conch-content .hl-row-box .hl-list-item .score {
    font-size: 13px;
    font-weight: 700;
    margin-right: 5px;
}

.conch-content .hl-row-box .hl-item-thumb {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 145%;
    background-position: 50% 50%;
    background-size: cover;
}

.conch-content .hl-row-box .hl-pic-icon {
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all ease-out .35s;
    transition: opacity .3s linear;
    transition: all ease-out .35s;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -ms-transform: scale(1.5);
}

.conch-content .hl-row-box .hl-pic-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    padding-left: 2px;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    transition: inherit;
}

.conch-content .hl-row-box .hl-pic-tag {
    position: absolute;
    top: 4px;
    right: 4px;
    display: block;
}

.conch-content .hl-row-box .hl-pic-tag span {
    float: left;
    display: block;
    padding: 0 3px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
}

.conch-content .hl-row-box .hl-pic-tag span.douban {
    background: #00b51d;
}

.conch-content .hl-row-box .hl-pic-tag span.version {
    background: #00bcd4;
}

.conch-content .hl-row-box .hl-pic-tag span.state {
    background: #ffc107;
}

.conch-content .hl-row-box .hl-pic-text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    padding: 0 10px;
    line-height: 30px;
    width: 100%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    background-repeat: no-repeat;
    color: #fff;
}

.conch-content .hl-row-box .hl-pic-text .remarks {
    font-size: 12px;
    text-align: right;
}

.conch-content .hl-row-box .hl-item-text {
    margin-top: 10px;
}

.conch-content .hl-row-box .hl-vod-list .hl-item-text {
    height: 40px;
}

.conch-content .hl-row-box .hl-item-title {
    font-size: 15px;
    line-height: 20px;
}

.conch-content .hl-row-box .hl-item-sub {
    margin-top: 4px;
    font-size: 12px;
    line-height: 15px;
}

.conch-content .hl-row-box .hl-item-watch {
    position: relative;
    margin-right: 10px;
    padding-right: 11px;
}

.conch-content .hl-row-box .hl-item-watch:after {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    content: " ";
}

.conch-content .hl-row-box .hl-item-class {
    padding: 0 5px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 2px;
    font-size: 12px;
}

.conch-content .hl-row-box .hl-vod-big .hl-vod-list li:first-child .hl-item-thumb, .conch-content .hl-row-box .hl-vod-widebig .hl-vod-list .hl-item-thumb, .conch-content .hl-row-box .hl-wide-list .hl-item-thumb {
    padding-top: 56.25%;
}

.conch-content .hl-row-box .hl-vod-big li:first-child, .conch-content .hl-themeby-qq362695000, .conch-content .hl-row-box .hl-vod-widebig li:first-child {
    width: 100%;
}

.conch-content .hl-row-box .hl-goto-box {
    display: block;
    height: 40px;
    margin: 10px 0 0 0;
}

.conch-content .hl-row-box .hl-goto-box a {
    display: block;
    margin: 0 4px;
    border-radius: 32px;
    text-align: center;
    line-height: 40px;
}

/* listswiper */
.conch-content .hl-row-box .hl-swiper-item .hl-ls-arrow {
    position: absolute;
    top: -53px;
    right: 10px;
    display: block;
    width: 120px;
    height: 28px;
    line-height: 28px;
}

.conch-content .hl-row-box .hl-rb-actor.hl-swiper-item .hl-ls-arrow {
    top: -137px;
}

.conch-content .hl-row-box .hl-swiper-item .hl-list-vn.hl-list-rk .hl-ls-arrow {
    right: calc(16.666666% + 10px);
}

.conch-content .hl-row-box .hl-swiper-item .hl-list-vn.hl-list-rk.hl-wide-wrap .hl-ls-arrow {
    right: 10px;
}

.conch-content .hl-row-box .hl-swiper-item .swiper-button-next, .conch-content .hl-row-box .hl-swiper-item .swiper-button-prev {
    top: 0;
    z-index: 11;
    margin-top: 0;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: 0 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.conch-content .hl-row-box .hl-swiper-item .swiper-button-prev {
    left: 0;
}

.conch-content .hl-row-box .hl-swiper-item .swiper-button-next {
    right: 0;
}

.conch-content .hl-row-box .hl-swiper-item .swiper-pagination-fraction {
    bottom: 0;
}

/* vodrank */
.conch-content .hl-vod-rank {
    margin: 25px 0 15px 0;
}

.conch-content .hl-vod-rank .hl-rank-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.conch-content .hl-vod-rank .hl-rank-bgicon {
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 96px;
    line-height: 96px;
}

.conch-content .hl-vod-rank .hl-rank-list {
    padding: 10px 5px;
}

.conch-content .hl-vod-rank .hl-rank-list li {
    padding: 5px 10px;
    border: 0;
}

.conch-content .hl-vod-rank .hl-rank-list .hl-item-pic {
    width: 32px;
}

/* playlist */
.conch-content .hl-from-title {
    padding: 0 20px;
    text-align: center;
    line-height: 48px;
}

.conch-content .hl-from-list {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 16px;
    height: calc(100% - 48px);
    -webkit-overflow-scrolling: touch;
}

.conch-content .hl-from-list li {
    padding: 0 20px;
    line-height: 48px;
    cursor: pointer;
}

.conch-content .hl-from-list li > i {
    display: none;
}

.conch-content .hl-from-list li.active {
    font-weight: 700;
}

.conch-content .hl-from-list li.active > i {
    display: block;
    font-weight: 400;
}

.conch-content .hl-play-source .hl-plays-list li {
    margin-bottom: 15px;
}

.conch-content .hl-play-source .hl-plays-list .hl-show-div a, .conch-content .hl-play-source .hl-plays-list li > a {
    position: relative;
    display: block;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
}

.conch-content .hl-play-source .hl-plays-list li > a > em {
    position: absolute;
    bottom: 6px;
    left: 12px;
    width: 2px;
    height: 6px;
    -webkit-animation: rectangle infinite 1s ease-in-out -.2s;
    -moz-animation: rectangle infinite 1s ease-in-out -.2s;
    -o-animation: rectangle infinite 1s ease-in-out -.2s;
    animation: rectangle infinite 1s ease-in-out -.2s;
}

.conch-content .hl-play-source .hl-plays-list li > a > em::before {
    left: -4px;
    -webkit-animation: rectangle infinite 1s ease-in-out -.4s;
    -moz-animation: rectangle infinite 1s ease-in-out -.4s;
    -o-animation: rectangle infinite 1s ease-in-out -.4s;
    animation: rectangle infinite 1s ease-in-out -.4s;
}

.conch-content .hl-play-source .hl-plays-list li > a > em::after {
    right: -4px;
    -webkit-animation: rectangle infinite 1s ease-in-out;
    -moz-animation: rectangle infinite 1s ease-in-out;
    -o-animation: rectangle infinite 1s ease-in-out;
    animation: rectangle infinite 1s ease-in-out;
}

.conch-content .hl-play-source .hl-plays-list li > a > em::after, .conch-content .hl-play-source .hl-plays-list li > a > em::before {
    position: absolute;
    width: 2px;
    height: 6px;
    content: '';
}

.conch-content .hl-play-source .hl-plays-wrap {
    margin-bottom: 15px;
    border-bottom: 1px solid;
}

.conch-content .hl-play-source .hl-plays-from a {
    float: left;
    display: block;
    margin-right: 25px;
    padding-bottom: 15px;
    font-size: 15px;
}

.conch-content .hl-play-source .hl-plays-from a.active {
    font-weight: 700;
}

.conch-content .hl-play-source .hl-plays-from a.active:after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 3px;
    border-radius: 4px;
    content: "";
}

.conch-content .hl-play-source .hl-plays-list {
    position: relative;
    display: block;
    overflow: hidden;
}

.conch-content .hl-play-source .hl-plays-list li > a.active {
    font-weight: 700;
}

.conch-content .hl-play-source .hl-plays-list[class*=hl-list-hide-] .hl-show-div {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.conch-content .hl-play-source .hl-plays-list[class*=hl-list-hide-] .hl-show-div i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.conch-content .hl-content-wrap {
    position: relative;
}

.conch-content .hl-content-wrap span {
    line-height: 24px;
}

.conch-content .hl-content-hide .hl-content-text {
    display: block;
    overflow: hidden;
    max-height: 48px;
}

.conch-content .hl-content-wrap a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 24px;
}

.conch-content .hl-content-show i.iconfont {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

/* play */
.conch-content .hl-playinfo-wrap .hl-vod-infos {
    margin-top: 15px;
}

.conch-content .hl-player-setups {
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: rgba(0, 0, 0, .75);
}

.conch-content .hl-player-setups.active {
    right: 0;
}

.conch-content .hl-setups-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 280px;
    text-align: center;
    transform: translate(-50%, -50%);
}

.conch-content .hl-setups-wrap a {
    display: inline-block;
    padding: 10px 0;
    width: 64px;
}

.hl-setups-wrap a.hl-disad {
    opacity: .25;
}

.conch-content .hl-setups-wrap a > i {
    font-size: 20px;
}

.conch-content .hl-setups-wrap a > span {
    display: block;
    font-size: 12px;
}

.conch-content .hl-setups-op {
    position: absolute;
    top: 50%;
    left: -36px;
    margin-top: -20px;
}

.conch-content .hl-setups-op a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 24px 0 0 24px;
    background: rgba(25, 25, 25, .75);
    text-align: center;
    font-size: 16px;
    line-height: 36px;
}

.conch-content .hl-player-setups.active .hl-setups-op {
    right: 10px;
    left: auto;
}

.conch-content .hl-player-setups.active .hl-setups-op a {
    border-radius: 100%;
}

.conch-content .hl-player-setups.active .hl-setups-op a > i {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.conch-content .hl-player-tips {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 90%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.conch-content .hl-player-notice {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow: hidden;
    padding: 0 40px 0 15px;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, .5);
    line-height: 40px;
}

.conch-content .hl-player-notice.fix {
    padding: 10px 40px 10px 15px;
    height: auto;
    line-height: 20px;
}

.conch-content .hl-player-notice a.hl-close-this {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}

.conch-content .hl-player-wrap {
    background-color: #000;
}

.embed-responsive {
    position: relative;
    z-index: 9;
    display: block;
    overflow: hidden;
    padding: 0;
}

.embed-responsive .MacPlayer {
    position: absolute;
    z-index: 999;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    margin: 0;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

/* detail */
.conch-hasbg .conch-content .hl-has-item {
    background: 0 0;
}

.conch-content .hl-conch-items:after, .conch-content .hl-has-item:after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 15px;
    border-radius: 15px 15px 0 0;
    content: "";
}

.conch-content .hl-has-item {
    position: relative;
    padding-top: 25px;
    padding-bottom: 15px;
}

.conch-content .hl-topbg {
    position: absolute;
    top: 0px;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
}

.conch-content .hl-topbg-pic {
    position: absolute;
    top: -10%;
    left: -10%;
    z-index: -1;
    display: block;
    width: 120%;
    height: 120%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-position-y: 50%;
    filter: blur(100px) saturate(180%);
    -webkit-filter: blur(100px) saturate(180%);
    -ms-transform: translateZ(0);
}

.conch-content .hl-topbg-mask {
    display: block;
    width: 110%;
    height: 110%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

.conch-content .hl-detail-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
}

.conch-content .hl-detail-content .hl-dc-pic {
    float: left;
    width: 33.333333%;
}

.conch-content .hl-detail-content .hl-dc-content {
    float: left;
    padding-left: 15px;
    width: 66.666666%;
}

.conch-content .hl-detail-content .hl-tool-icon {
    position: absolute;
    bottom: -50px;
    left: 0;
    display: block;
    width: 100%;
}

.conch-content .hl-detail-content .hl-dc-headwrap {
    margin-bottom: 15px;
}

.conch-content .hl-detail-content .hl-vod-data {
    padding-bottom: 55px;
}

.conch-content .hl-vod-data li {
    margin-bottom: 5px;
    padding-left: 42px;
}

.conch-content .hl-vod-data li em.hl-text-muted {
    margin-left: -42px;
}

.conch-content .hl-detail-content .hl-dc-title {
    font-size: 22px;
    line-height: 26px;
}

.conch-content .hl-detail-content .hl-dc-sub {
    margin-top: 10px;
}

.conch-content .hl-data-sm, .conch-content .hl-data-sm li i:last-of-type, .conch-content .hl-data-xs em:last-of-type {
    display: none;
}

.conch-content .hl-data-sm li a:not(:last-of-type), .conch-content .hl-data-sm li i:not(:last-of-type), .conch-content .hl-data-xs em:not(:last-of-type), .conch-content .hl-data-xs span:not(:last-of-type) {
    margin-right: 4px;
}

.conch-content .hl-detail-content .hl-dc-btns {
    position: absolute;
    bottom: 0;
    display: block;
    margin-top: 15px;
    width: calc(66.666666% - 15px);
}

.conch-content .hl-detail-content .hl-dc-btns .hl-form-wb, .conch-content .hl-detail-content .hl-dc-btns .hl-play-wb {
    position: relative;
    display: block;
}

.conch-content .hl-detail-content .hl-dc-btns a {
    float: right;
    display: block;
    border-radius: 32px;
    line-height: 36px;
}

.conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
    float: left;
    margin-right: 10px;
    width: 110px;
    text-align: center;
}

.conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
    width: calc(100% - 120px);
}

.conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn > span {
    width: calc(100% - 14px);
    text-align: right;
}

.conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn > i {
    font-size: 12px;
}

.conch-content .hl-detail-content .hl-dc-btns a.hl-from-op i.hl-jiantou {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.conch-content .hl-detail-content.hl-wide-items {
    margin-bottom: 35px;
}

.conch-content .hl-detail-content.hl-wide-items .hl-dc-headwrap {
    margin-bottom: 5px;
}

.conch-content .hl-detail-content.hl-wide-items .hl-dc-title {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.conch-content .hl-detail-content.hl-wide-items .hl-vod-data {
    padding-bottom: 45px;
}

.conch-content .hl-detail-content.hl-wide-items .hl-dc-btns .hl-form-wb, .conch-content .hl-detail-content.hl-wide-items .hl-dc-sub {
    display: none !important;
}

.conch-content .hl-wide-items .hl-item-thumb {
    padding-top: 56.25%;
}

.conch-content .hl-tool-icon li {
    position: relative;
    float: right;
    margin-left: 20px;
}

.conch-content .hl-tool-icon a {
    position: relative;
    height: 30px;
    font-size: 24px;
    line-height: 30px;
}

.conch-content .hl-tool-icon a > i.hl-icon-weixin {
    font-size: 26px;
}

.conch-content .hl-tool-icon li.hl-list-like {
    float: left;
    margin-left: 0;
}

.conch-content .hl-tool-icon li.hl-list-comm {
    float: left;
    margin-left: 40px;
}

.conch-content .hl-tool-icon a.hl-like-btn .hl-icon-zanshang-fill, .conch-content .hl-tool-icon a.hl-like-btn.disabled .hl-icon-zanshang {
    display: none;
}

.conch-content .hl-tool-icon a.hl-like-btn.disabled .hl-icon-zanshang-fill {
    display: inline;
}

.conch-content .hl-tool-icon a > em {
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 9;
    display: inline-block;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    word-break: normal;
}

.conch-content .hl-copyright-tips {
    display: block;
    padding: 10px 0;
    border-radius: 4px;
}

.conch-content .hl-detail-side {
    margin-top: 15px;
    padding: 15px;
}

.conch-content .hl-score-box {
    font-weight: 400;
    font-size: 14px;
}

.conch-content .hl-score-wrap .hl-score-nums {
    float: left;
    display: block;
    margin-right: 15px;
}

.conch-content .hl-score-wrap .hl-score-rating {
    margin-top: 15px;
    padding: 15px 0 0 0;
    border-top: 1px solid;
    text-align: center;
}

.conch-content .hl-score-wrap .hl-score-nums span {
    display: inline-block;
    height: 32px;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
}

.conch-content .hl-score-wrap .hl-score-nums span.wu {
    font-weight: 400;
    font-size: 30px;
}

.conch-content .hl-score-wrap .list-tips {
    font-size: 12px;
    line-height: 13px;
}

.conch-content .hl-score-wrap .rating-sm {
    display: block;
    overflow: hidden;
}

.conch-content .hl-score-wrap .rating-star {
    display: inline-block;
    font-size: 0;
}

.conch-content .hl-score-wrap .rating-s li {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 10px !important;
    height: 10px !important;
    background: url(../img/rating.svg) 0 0 no-repeat;
    background-size: cover;
    text-indent: -50px;
    margin-right: 1px;
}

.conch-content .hl-score-wrap .rating-s li.active-m.active {
    background: url(../img/rating.svg) 0 -10px no-repeat;
    background-size: cover;
}

.conch-content .hl-score-wrap .rating-s li.active-m {
    background: url(../img/rating.svg) 0 -20px no-repeat;
    background-size: cover;
}

.conch-content .hl-score-wrap .rating li.big-star {
    float: left;
    overflow: hidden;
    margin: 0 5px;
    padding: 0;
    width: 28px;
    height: 28px;
    background: url(../img/rating.svg) 0 0 no-repeat;
    background-size: cover;
    text-indent: -60px;
    cursor: pointer;
}

.conch-content .hl-score-wrap .rating li.big-star.active, .conch-content .hl-score-wrap .rating li.big-star.hover {
    background: url(../img/rating.svg) 0 -28px no-repeat;
    background-size: cover;
}

.conch-content .hl-score-wrap .label-list {
    display: inline-block;
    margin-top: 5px;
    width: 100%;
}

.conch-content .hl-score-wrap .label-top {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}

.conch-content .hl-detail-side .hl-ds-qrcode {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid;
    text-align: center;
}

.conch-content .hl-detail-side .hl-ds-qrcode p {
    margin-top: 10px;
}

.conch-content .hl-detail-side .hl-ds-qrcode img {
    width: 110px;
}

.conch-content .hl-detail-side.hl-wide-items .hl-ds-qrcode {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.conch-content .hl-detail-side .hl-ds-qrcode .hl-qrcode {
    margin-top: 0;
}

.hl-score-info .hl-douban-score {
    margin: 6px 0 6px 15px;
}

.hl-score-data {
    font-size: 12px;
    line-height: 32px;
}

.hl-score-title {
    float: left;
    display: block;
    margin-right: 15px;
    line-height: 20px;
}

.hl-score-title > span {
    font-weight: 700;
    font-size: 15px;
}

.hl-douban-score {
    display: inline-block;
    padding: 2px 0;
    height: 20px;
    font-weight: 700;
    line-height: 16px;
}

.hl-douban-score .db {
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    border-radius: 2px;
    background: #00b51d;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
}

/* down */
.conch-content .hl-downinfo-wrap .hl-vod-infos .hl-infos-content {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
}

/* downlist */
.conch-content .hl-downs-box {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid;
    line-height: 32px;
}

.conch-content .hl-downs-box .text {
    float: left;
    display: block;
    width: calc(100% - 182px);
}

.conch-content .hl-downs-box .btns {
    float: right;
    display: block;
}

.conch-content .hl-downs-box .btns > a {
    float: left;
    display: block;
    margin-left: 10px;
    padding: 0 15px;
    border-radius: 4px;
    line-height: 32px;
}

.conch-content .hl-downs-box .btns > a:first-child {
    margin: 0;
}

.conch-content .hl-downs-box .btns > a.down-xl {
    background: #0f97ff;
}

.conch-content .hl-downs-box .btns > a.down-xm {
    background: #ff6700;
}

.conch-content .hl-downs-tools {
    padding: 10px 0;
    line-height: 32px;
}

.conch-content .hl-downs-tips {
    padding: 15px;
    border-radius: 4px;
}

.conch-content .hl-downs-tools > a {
    margin-left: 10px;
}

.conch-content .hl-downs-tools .tips {
    float: right;
}

.conch-input {
    float: left;
    display: block;
    margin-top: 10px;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid;
    border-radius: 2px;
}

.conch-input:checked {
    border: 1px solid;
    background-image: url(../img/checked.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* vod */
.conch-content .hl-vod-infos .hl-infos-head {
    margin-bottom: 10px;
}

.conch-content .hl-vod-infos .hl-infos-head h2 {
    line-height: 26px;
}

.conch-content .hl-vod-infos .hl-infos-head h2 > span {
    position: relative;
    margin-right: 10px;
}

.conch-content .hl-vod-infos .hl-infos-head h2 > span.hl-score-no {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
}

.conch-content .hl-vod-infos .hl-infos-more {
    float: right;
    margin-left: 10px;
    font-size: 16px;
    line-height: 26px;
}

.conch-content .hl-vod-infos .hl-infos-content {
    margin-bottom: 15px;
}

.conch-content .hl-vod-infos .hl-tag-item {
    margin-bottom: 20px;
}

.conch-content .hl-vod-infos .hl-tag-item span {
    float: left;
    margin-right: 10px;
}

.conch-content .hl-vod-infos .hl-tag-item a {
    height: 20px;
    line-height: 20px;
}

.conch-content .hl-vod-infos .hl-tag-item a:not(:last-of-type), .conch-content .hl-vod-infos .hl-tag-item i:not(:last-of-type) {
    margin-right: 4px;
}

.conch-content .hl-vod-infos .hl-tag-item i:last-of-type {
    display: none;
}

/* search */
.conch-content .hl-conch-items:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/conch_bg.png);
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    content: "";
}

.conch-content .hl-conch-items {
    position: relative;
}

.conch-content .hl-search-items .container {
    overflow: unset;
    padding-top: 5px;
    padding-bottom: 35px;
}

.conch-content .hl-search-form form {
    position: relative;
    height: 54px;
    line-height: 54px;
}

.conch-content .hl-search-form .hl-search-select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
}

.conch-content .hl-search-form .hl-search-selop .hl-search-select {
    display: block;
}

.conch-content .hl-search-form .hl-alert-box {
    margin-top: -10px;
    border-radius: 0 0 4px 4px;
}

.conch-content .hl-search-form .hl-ss-item {
    padding: 10px;
    width: 72px;
    text-align: center;
}

.conch-content .hl-search-form .hl-ss-item span {
    display: block;
    padding: 5px 0;
    line-height: 100%;
    cursor: pointer;
}

.conch-content .hl-search-form .hl-search-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    padding: 0 50px 0 18px;
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 8px;
}

.conch-content .hl-search-form .hl-search-selop .hl-search-text {
    padding: 0 50px 0 84px;
}

.conch-content .hl-search-form .hl-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: block;
    width: 50px;
    height: 54px;
    border: 0;
    border-radius: 4px;
    background: 0 0;
    line-height: 54px;
}

.conch-content .hl-search-hot {
    margin-top: 20px;
    color: rgba(255, 255, 255, .8);
    line-height: 28px;
}

.conch-content .hl-search-hot span {
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
}

.conch-content .hl-search-hot a {
    display: inline-block;
    margin-right: 5px;
    padding: 0 12px;
    border-radius: 32px;
    background: rgba(255, 255, 255, .1);
}

.conch-content .hl-search-hot a i {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    border-radius: 2px;
    background: #fc4274;
    color: #fff;
    vertical-align: 1px;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
}

.conch-content .hl-hot-list li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.conch-content .hl-hot-list li > a {
    display: block;
    padding: 0 15px;
    border-radius: 4px;
    line-height: 40px;
}

/* onelist */
.conch-content .hl-row-box .hl-one-list .hl-item-div {
    position: relative;
    overflow: hidden;
    display: block;
}

.conch-content .hl-row-box .hl-one-list .hl-item-pic {
    float: left;
    width: 33.333333%;
}

.conch-content .hl-row-box .hl-one-list .hl-wide-item .hl-item-thumb {
    padding-top: 56.25%;
}

.conch-content .hl-row-box .hl-one-list .hl-item-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
}

.conch-content .hl-row-box .hl-one-list .hl-item-content {
    float: left;
    width: 66.666666%;
    padding-left: 15px;
}

.conch-content .hl-row-box .hl-one-list .hl-item-sub {
    line-height: 20px;
    font-size: 13px;
}

.conch-content .hl-row-box .hl-one-list .hl-wide-item .hl-item-sub {
    position: absolute;
    bottom: 0;
}

.conch-content .hl-row-box .hl-one-list .hl-item-sub em {
    font-weight: 700;
}

.conch-content .hl-row-box .hl-one-list .hl-item-btn a {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: inline-block;
    padding: 0 8px;
    border: 1px solid;
    border-radius: 32px;
    line-height: 34px;
    width: 110px;
    text-align: center;
}

.conch-content .hl-row-box .hl-one-list .hl-list-item:not(:last-child) .hl-item-wrap {
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

/* topic */
.conch-content .hl-row-box .hl-topic-list .hl-item-wrap {
    position: relative;
    margin-top: 20px;
}

.conch-content .hl-row-box .hl-topic-list .hl-item-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
}

.conch-content .hl-row-box .hl-topic-list .hl-item-wrap:after, .hl-topic-list .hl-item-wrap:before {
    position: absolute;
    top: -20px;
    right: 20px;
    left: 20px;
    height: 40px;
    content: "";
}

.conch-content .hl-row-box .hl-topic-list .hl-item-wrap:after {
    top: -10px;
    right: 10px;
    left: 10px;
    z-index: -1;
}

.conch-content .hl-row-box .hl-topic-list .hl-item-text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 15px;
    padding-top: 50px;
    width: 100%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .6));
    background-repeat: no-repeat;
    color: #fff;
}

.conch-content .hl-row-box .hl-topic-list .hl-item-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;
}

.conch-content .hl-row-box .hl-topic-list .remarks {
    position: absolute;
    bottom: 15px;
    left: 80px;
    padding: 0 15px;
    border-radius: 32px;
    background: rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .8);
    line-height: 28px;
}

.conch-content .hl-row-box .hl-topic-pic .hl-item-thumb {
    padding-top: 100%;
}

.conch-content .hl-topic-main .hl-topic-pic {
    margin: 15px 0 0;
}

.conch-content .hl-topic-main .hl-tool-icon {
    float: left;
    margin: 15px 0 0;
    height: 28px;
}

.conch-content .hl-topic-main .hl-tool-icon li {
    float: left !important;
    margin-left: 35px;
}

.conch-content .hl-topic-main .hl-tool-icon li.hl-list-like {
    margin-left: 25px;
}

.conch-content .hl-topic-main .hl-tool-icon a {
    height: 28px;
    line-height: 28px;
}

.conch-content .hl-topic-main .hl-content-wrap {
    float: left;
    padding-top: 15px;
}

.conch-content .hl-topic-main .hl-content-wrap span {
    margin-bottom: 0;
}

.conch-content .hl-topic-main .hl-content-hide .hl-content-text {
    display: -webkit-box !important;
    overflow: hidden;
    max-height: unset;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.conch-content .hl-topic-content h2 {
    font-size: 24px;
    line-height: 28px;
}

.conch-content .hl-topic-pic {
    position: relative;
    float: left;
    display: block;
    width: 56px;
}

.conch-content .hl-topic-pic .hl-topic-k {
    overflow: hidden;
    width: 28px;
    border-radius: 100%;
}

.conch-content .hl-topic-pic .hl-topic-k1 {
    position: relative;
    z-index: 3;
}

.conch-content .hl-topic-pic .hl-topic-k2 {
    position: absolute;
    bottom: 0;
    left: 14px;
    z-index: 2;
}

.conch-content .hl-topic-pic .hl-topic-k3 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.conch-content .hl-rb-reltopic .hl-topic-list li:nth-child(3), .conch-content .hl-rb-reltopic .hl-topic-list li:nth-child(4) {
    display: none;
}

/* art */
.conch-content .hl-row-box .hl-art-list .hl-item-div {
    position: relative;
    display: block;
    overflow: hidden;
}

.conch-content .hl-row-box .hl-art-list .hl-item-title {
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 22px;
}

.conch-content .hl-row-box .hl-art-list .hl-item-thumb {
    padding-top: 65.25%;
}

.conch-content .hl-row-box .hl-art-list .hl-item-pic {
    float: right;
}

.conch-content .hl-row-box .hl-art-list .hl-item-content {
    position: static;
}

.conch-content .hl-row-box .hl-art-list .hl-item-blurb {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    line-height: 18px;
}

.conch-content .hl-row-box .hl-art-list li .hl-item-wrap {
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.conch-content .hl-row-box .hl-art-list li:last-child .hl-item-wrap {
    padding-bottom: 0;
    border-bottom: 0;
}

.conch-content .hl-article-main {
    margin-bottom: 25px;
}

.conch-content .hl-article-main .hl-article-title {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 32px;
}

.conch-content .hl-article-main .hl-article-head {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.conch-content .hl-article-main .hl-article-meta span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.conch-content .hl-article-main .hl-article-content {
    position: relative;
}

.conch-content .hl-article-main .hl-article-box {
    font-size: 16px;
    line-height: 28px;
}

.conch-content .hl-article-main .hl-article-box img {
    width: 100%;
    height: auto;
    min-width: 100%;
}

.conch-content .hl-article-main .hl-tool-icon ul {
    margin-top: 25px;
    text-align: center;
}

.conch-content .hl-article-main .hl-tool-icon ul > li {
    float: none !important;
    display: inline-block;
    margin: 0;
    padding: 0 15px;
}

.conch-content .hl-article-main .hl-tool-icon ul > li > a {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid;
    border-radius: 100%;
    line-height: 46px;
}

.conch-content .hl-article-main .hl-tool-icon ul > li > a > em {
    top: 5px;
    left: 32px;
    height: 12px;
    line-height: 12px;
}

.conch-content .hl-article-paged {
    margin-bottom: 25px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.conch-content .hl-article-main .hl-tool-icon .hl-share-link {
    text-align: left;
}

.conch-content .hl-article-main .hl-article-tips {
    margin-top: 25px;
    text-align: center;
    font-size: 12px;
}

.conch-content .hl-article-paged a {
    float: left;
    display: block;
    padding: 15px 0;
    width: 50%;
}

.conch-content .hl-article-paged a span {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

.conch-content .hl-article-paged a.hl-prev {
    padding-right: 15px;
    border-right: 1px solid;
}

.conch-content .hl-article-paged a.hl-next {
    float: right;
    padding-left: 15px;
    text-align: right;
}

/* actor */
.conch-content .hl-row-box .hl-actor-list .hl-item-thumb {
    padding-top: 100%;
    border-radius: 100%;
}

.conch-content .hl-row-box .hl-actor-list .hl-item-text {
    padding: 0 4px;
    text-align: center;
}

.conch-content .hl-row-box .hl-actor-list li:last-child .hl-row-div {
    padding-bottom: 0;
    border-bottom: 0;
}

.conch-content .hl-row-box .hl-actor-sm li {
    margin-bottom: 15px;
}

.conch-content .hl-row-box .hl-actor-sm li .hl-item-link {
    position: relative;
    display: block;
    height: 64px;
    border-radius: 64px;
}

.conch-content .hl-row-box .hl-actor-sm li.active .hl-item-link:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    z-index: -1;
    width: 8px;
    height: 8px;
    border-radius: 0 0 3px 0;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.conch-content .hl-row-box .hl-actor-sm .hl-item-thumb {
    float: left;
    margin: 6px;
    padding-top: 0;
    width: 52px;
    height: 52px;
}

.conch-content .hl-row-box .hl-actor-sm .hl-item-thumb .hl-pic-icon {
    display: none;
}

.conch-content .hl-row-box .hl-actor-sm .hl-item-text {
    display: block;
    margin-top: 0;
    margin-left: 64px;
    padding: 12px 12px 12px 0;
}

.conch-content .hl-row-box .hl-actor-sm .hl-item-sub {
    margin-top: 4px;
    padding: 0;
}

.conch-content .hl-row-box .hl-actor-list.hl-actor-sm .hl-item-text {
    text-align: left;
}

.conch-content .hl-row-box .hl-actor-list a {
    position: relative;
    display: block;
}

.conch-content .hl-row-box .hl-actor-list .hl-row-div {
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.conch-content .hl-row-box .hl-actor-list .hl-item-content span {
    margin-top: 5px;
}

.conch-content .hl-row-box .hl-actor-list.hl-actor-one .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.conch-content .hl-row-box .hl-actor-list.hl-actor-one .hl-item-title {
    font-size: 18px;
    line-height: 24px;
}

.conch-content .hl-row-box .hl-actor-list.hl-actor-one .hl-item-content {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.conch-content .hl-row-box .hl-actor-data li {
    margin-bottom: 5px;
    line-height: 22px;
}

.conch-content .hl-row-box .hl-actor-list .hl-item-title .hl-actor-like {
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    font-size: 15px;
}

.conch-content .hl-actor-like i {
    color: #f06;
}

.conch-content .hl-actor-like .hl-icon-xihuan-fill, .conch-content .hl-actor-like.disabled .hl-icon-xihuan {
    display: none;
}

.conch-content .hl-actor-like.disabled .hl-icon-xihuan-fill {
    display: inline-block;
}

.conch-content .hl-actor-conts {
    line-height: 22px;
    padding-top: 25px;
    margin-top: 20px;
    border-top: 1px solid;
}

/* rank */
.conch-content .hl-part-nums {
    display: inline-block;
    width: 24px;
    vertical-align: -1px;
    font-weight: 700;
    font-size: 16px;
}

.conch-content .hl-part-nums.hl-num-1 {
    color: #fc4274;
}

.conch-content .hl-part-nums.hl-num-2 {
    color: #ff8155;
}

.conch-content .hl-part-nums.hl-num-3 {
    color: #fcb80a;
}

.conch-content .hl-rank-list li {
    padding: 10px 0;
    border-bottom: 1px solid;
}

.conch-content .hl-rank-list li:last-child {
    border-bottom: 0;
}

.conch-content .hl-rank-list .hl-item-pic {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.conch-content .hl-rank-list.hl-actor-list .hl-item-pic {
    width: 40px;
}

.conch-content .hl-rank-list.hl-actor-list a {
    font-size: 15px;
    line-height: 40px;
}

.conch-content .hl-rank-list.hl-actor-list span.hl-item-data {
    font-size: 13px;
}

.conch-content .hl-banner-main {
    padding: 30px 0 40px 0;
}

.conch-content .hl-banner-main h1 {
    font-size: 32px;
    line-height: 36px;
}

.conch-content .hl-banner-main span {
    display: block;
    margin-top: 10px;
}

.conch-content .hl-type-name {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 0 5px;
    border-radius: 4px;
}

.conch-content .hl-type-name a {
    display: block;
    padding: 0 10px;
    line-height: 40px;
}

.conch-content .hl-type-name a.active {
    font-weight: 700;
}

.conch-content .hl-rank-items .hl-rank-list li {
    margin: 0;
    padding: 15px 0;
}

.conch-content .hl-rank-items .hl-item-content, .conch-content .hl-rank-items .hl-item-num, .conch-content .hl-rank-items .hl-item-pic, .conch-content .hl-theme_by_qq3626-95000 {
    float: left;
}

.conch-content .hl-rank-items .hl-item-div {
    position: relative;
    padding-right: 10px;
}

.conch-content .hl-rank-items .hl-item-div5 {
    height: 87px;
}

.conch-content .hl-rank-items .hl-item-num {
    position: relative;
    width: 30px;
    height: 87px;
}

.conch-content .hl-rank-items .hl-item-num span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    font-size: 20px;
    transform: translate(0, -50%);
}

.conch-content .hl-rank-items .hl-item-pic {
    width: 60px;
}

.conch-content .hl-rank-items .hl-item-content {
    width: calc(100% - 100px);
}

.conch-content .hl-rank-items .hl-item-hits {
    position: absolute;
    top: 50%;
    right: 0;
    text-align: right;
    font-size: 12px;
    transform: translate(0, -50%);
}

.conch-content .hl-rank-items .hl-item-hits span {
    display: block;
    width: auto;
}

.conch-content .hl-rank-items .hl-item-hits span.hl-part-nums {
    margin: 0;
    letter-spacing: 0;
}

.conch-content .hl-rank-items .hl-item-title {
    font-size: 16px;
    line-height: 22px;
}

.conch-content .hl-rank-items .hl-item-sub {
    margin-top: 5px;
    font-size: 13px;
}

.conch-content .hl-rank-items .hl-item-remarks {
    position: absolute;
    bottom: 0;
    font-size: 13px;
}

.conch-content .hl-rank-items .hl-wide-wrap .hl-item-thumb {
    padding-top: 56.25%;
}

.conch-content .hl-rank-items .hl-wide-wrap .hl-item-div5, .conch-content .hl-rank-items .hl-wide-wrap .hl-item-num {
    height: 33px;
}

.conch-content .hl-rank-items .hl-wide-wrap .hl-item-title {
    font-size: 14px;
    line-height: 17px;
}

.conch-content .hl-rank-items .hl-wide-wrap .hl-item-div1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.conch-content .hl-rank-items .hl-wide-wrap .hl-item-content {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.conch-content .hl-new-items .hl-item-hits span.hl-item-time {
    font-size: 13px;
}

/* new */
.conch-content .hl-new-items .hl-rank-list li {
    margin: 0;
    padding: 10px 15px;
}

.conch-content .hl-new-items .hl-item-div1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.conch-content .hl-new-items .hl-item-div {
    line-height: 58px;
}

.conch-content .hl-new-items .hl-item-div:not(.hl-item-div5) {
    padding-right: 15px;
}

.conch-content .hl-new-items .hl-item-pic {
    width: 40px;
}

.conch-content .hl-new-items .hl-item-content {
    width: calc(100% - 50px);
    line-height: 140%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.conch-content .hl-new-items .hl-item-time {
    margin: 9px 0;
    text-align: right;
}

.conch-content .hl-new-items .hl-item-time span {
    display: block;
    padding: 2px 0;
    width: 100%;
    line-height: 16px;
}

.conch-content .hl-new-items .hl-wide-wrap .hl-item-pic {
    margin-top: 17px;
    margin-bottom: 17px;
}

.conch-content .hl-new-items .hl-wide-wrap .hl-item-thumb {
    padding-top: 56.25%;
}

/* links */
.conch-content .hl-row-box .hl-link-list li {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.conch-content .hl-row-box .hl-link-list a, .conch-content .hl-row-box .hl-link-list span {
    display: block;
    height: 28px;
    line-height: 28px;
}

.conch-content .hl-row-box .hl-link-list img {
    display: inline-block;
    width: auto;
    max-height: 18px;
    vertical-align: -4px;
}

/* foot */
.conch-footer .conch-footwrap {
    position: relative;
    z-index: 11;
    padding: 40px 0;
}

.conch-footer .hl-foot-extra {
    position: fixed;
    right: 5px;
    bottom: 30px;
    z-index: 9999;
}

.conch-footer .hl-foot-extra .hl-fe-list li {
    position: relative;
    margin-top: 10px;
    padding: 0 10px;
}

.conch-footer .hl-foot-extra .hl-fe-list a {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}

.conch-footer .hl-foot-extra .hl-fe-list a span {
    position: absolute;
    top: 0;
    right: 35px;
    overflow: hidden;
    padding: 0;
    height: 36px;
    max-width: 0;
    border-radius: 18px 0 0 18px;
    text-align: right;
    white-space: nowrap;
    font-size: 14px;
    line-height: 36px;
}

.conch-footer .hl-foot-extra .hl-fe-list .hl-alert-box {
    position: absolute;
    right: 100%;
    bottom: 0;
}

.conch-footer .hl-foot-extra .hl-fe-list .hl-mqr-wrap {
    padding: 10px;
    text-align: center;
}

.conch-footer .hl-foot-extra .hl-fe-list .hl-mqr-wrap p {
    margin-bottom: 5px;
}

.conch-footer .hl-foot-extra .hl-fe-list .hl-mqr-wrap .hl-qrcode img {
    padding: 10px;
}

.conch-footer .hl-foot-extra .hl-fe-list .hl-back-item a {
    display: none;
}

.conch-footer .hl-foot-text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
}

.conch-footer .hl-foot-text p:first-child {
    margin: 0 20px;
}

.conch-footer .hl-map-nav {
    font-size: 10px;
}

.conch-footer .hl-foot-logo {
    display: block;
    width: 100%;
    height: 20px;
}

.conch-footer .hl-foot-logo .hl-logo {
    display: block;
    margin: 0 auto;
    width: 75px;
    height: 20px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .3;
}

.conch-footer .hl-foot-copy {
    margin-top: 4px;
    text-align: center;
    font-size: 10px;
}

.conch-footer .hl-foot-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    border-top: 1px solid;
}

.conch-footer .hl-foot-nav .hl-fn-item {
    display: table-cell;
    width: 1%;
    text-align: center;
}

.conch-footer .hl-foot-nav .hl-fn-item i {
    display: block;
    padding-top: 5px;
    font-size: 20px;
    line-height: 24px;
}

.conch-footer .hl-foot-nav .hl-fn-item span {
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
}

/* smlist */
.hl-public-box .hl-public-item {
    margin-bottom: 15px;
}

.hl-public-box .hl-public-item a {
    position: relative;
    display: block;
    overflow: hidden;
}

.hl-public-box .hl-art-list li:not(:last-child) .hl-row-div {
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.hl-public-box .hl-public-item .hl-item-thumb {
    padding-top: 56.25%;
}

.hl-public-box .hl-item-content {
    position: static;
}

.hl-public-box .hl-item-content .hl-item-title {
    margin-bottom: 5px;
}

.hl-public-box .hl-item-content .hl-item-blurb {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    line-height: 20px;
}

/* bread-crumb */
.hl-crumbs-all {
    margin-bottom: 25px;
}

.hl-crumbs-list .hl-crumb-item {
    position: relative;
    margin-right: 15px;
}

.hl-crumbs-list .hl-crumb-item:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -10px;
    content: ">";
    font-size: 12px;
}

/* comment */
.hl-rb-gbook .hl-comm-input {
    padding-left: 0;
}

.hl-rb-gbook .hl-rb-head {
    margin-bottom: 0 !important;
}

.hl-rb-gbook .hl-comm-form .hl-comm-remaining {
    padding: 0;
    width: 100%;
}

.hl-rb-gbook .hl-comm-input.mac_report {
    padding: 15px;
}

.hl-rb-gbook .mac_report .hl-comm-form .hl-comm-write {
    border: none;
}

.hl-rb-gbook .mac_report .hl-comm-form .hl-comm-content {
    border: 1px solid;
}

.hl-rb-gbook .mac_report .hl-comm-form .hl-comm-handle {
    padding: 0;
}

.hl-rb-gbook .mac_report .hl-comm-form .hl-comm-remaining {
    margin-top: 10px;
    text-align: left;
}

.hl-comm-form .hl-comm-content {
    padding: 10px;
    width: 100%;
    height: 40px;
    outline: medium none;
    border: 0;
    border-radius: 4px;
    background: 0 0;
    font-size: 14px;
    line-height: 20px;
    transition: .3s 0s all ease-out;
    -webkit-tap-highlight-color: transparent;
}

.hl-comm-form .hl-comm-start .hl-comm-content {
    height: 80px;
}

.hl-comm-form .hl-comm-start .hl-comm-handle {
    display: block;
}

.hl-comm-form .hl-comm-content:active, .hl-comm-form .hl-comm-content:focus {
    border: 0;
}

.hl-comm-form .hl-comm-write {
    border: 1px solid;
    border-radius: 4px;
    line-height: 10px;
}

.hl-comm-form .hl-comm-handle {
    position: relative;
    display: none;
    padding: 10px;
    padding-top: 0;
}

.hl-comm-form .hl-comm-remaining {
    float: left;
    margin-bottom: 10px;
    padding-left: 15px;
    width: calc(100% - 20px);
    line-height: 20px;
}

.hl-comm-form .hl-comm-face {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

.hl-comm-form .hl-comm-face-box {
    top: 30px;
    left: 0;
    padding: 10px;
    width: 230px;
}

.hl-comm-form .hl-comm-face-box img {
    float: left;
    display: block;
    margin: -1px 0 0 -1px;
    padding: 5px;
    width: 36px;
    height: 36px;
    border: 1px solid;
    cursor: pointer;
}

.hl-comm-form .hl-comm-code, .hl-comm-form .hl-comm-submit, .hl-comm-form .hl-comm-verify {
    float: right;
    padding: 0 10px;
    width: 33.333333%;
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
}

.hl-comm-form .hl-comm-verify {
    border: 0;
}

.hl-comm-form .hl-comm-code {
    padding: 0 5px;
}

.hl-comm-form .hl-comm-submit {
    display: block;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.hl-comm-input, .hl-comm-list .hl-comm-each {
    position: relative;
    padding-bottom: 15px;
    padding-left: 50px;
}

.hl-comm-list .hl-comm-each {
    padding-top: 15px;
    border-bottom: 1px solid;
}

.hl-comm-input .hl-comm-avat, .hl-comm-list .hl-comm-avat {
    position: absolute;
    left: 0;
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.hl-comm-list .hl-comm-avat {
    top: 15px;
}

.hl-comm-form .hl-comm-avat {
    top: 0;
}

.hl-comm-input .hl-comm-avat img, .hl-comm-list .hl-comm-avat img {
    width: 100%;
    height: 100%;
}

.hl-comm-list .hl-comm-head {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.hl-comm-list .hl-comm-name {
    float: left;
    display: block;
    width: 100%;
    font-weight: 700;
    line-height: 22px;
}

.hl-comm-list .hl-comm-time {
    font-size: 12px;
}

.hl-comm-list .hl-comm-action {
    margin-top: 10px;
}

.hl-comm-list .hl-comm-action a {
    float: left;
    display: block;
    margin-right: 15px;
}

.hl-comm-list .hl-comm-action a > i {
    float: left;
    display: block;
    margin-right: 2px;
}

.hl-comm-list .hl-comm-reply {
    position: relative;
    margin-top: 10px;
    padding: 10px 10px 10px 36px;
    border-radius: 4px;
}

.hl-comm-list .hl-comm-content img {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
}

.hl-comm-list .hl-comm-reply .hl-comm-name {
    float: none;
    display: inline-block;
    width: auto;
}

.hl-comm-list .hl-comm-reply .hl-comm-avat {
    top: 10px;
    left: 10px;
    width: 22px;
    height: 22px;
}

.hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-write {
    height: auto;
}

.hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-handle {
    display: block;
}

.hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-content {
    height: 80px;
}

.hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-action a {
    margin-right: 0;
}

.hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-write {
    margin-top: 10px;
}

/* filter */
.hl-filter-wrap {
    position: relative;
}

.hl-filter-wrap.swiper-container-free-mode > .swiper-wrapper {
    position: static;
    margin: 10px 0;
}

.hl-filter-list {
    position: relative;
    margin: 10px 0;
}

.hl-filter-list li:first-child {
    margin-left: 40px;
}

.hl-filter-reselect {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    line-height: 32px;
}

.hl-filter-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    font-weight: 700;
    line-height: 32px;
}

.hl-filter-reselect::after, .hl-filter-text::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    content: " ";
}

.hl-filter-text::after {
    right: -10px;
    left: -15px;
}

.hl-filter-reselect::after {
    right: -15px;
    left: -10px;
}

.hl-filter-item {
    float: left;
}

.hl-filter-item a, .hl-filter-opted li {
    display: inline-block;
    margin: 2px 0;
    padding: 0 10px;
    border-radius: 32px;
    line-height: 28px;
}

.hl-filter-item a.active {
    position: relative;
    font-weight: 700;
}

.hl-filter-opted li {
    position: relative;
    margin-right: 10px;
    border: 1px solid;
    line-height: 26px;
    cursor: pointer;
}

.hl-filter-opted li:last-child {
    margin-right: 60px;
}

.hl-filter-opted li em {
    display: none;
}

/* history */
.hl-history-box .hl-hy-warp {
    height: 100%;
}

.hl-history-box .hl-hy-title span {
    position: absolute;
    left: 50%;
    text-align: center;
    font-size: 18px;
    transform: translate(-50%, 0);
}

.hl-history-box .hl-hy-list {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    width: 100%;
    height: calc(100% - 48px);
    -webkit-overflow-scrolling: touch;
}

.hl-history-box .hl-hy-list ul {
    height: 100%;
}

.hl-history-box .hl-public-box .hl-public-item:last-child {
    padding-bottom: 25px;
}

.hl-history-box .hl-empty-wrap, .hl-history-box .hl-hy-clear-tips {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hl-history-box .hl-empty-wrap p {
    line-height: 20px;
}

.hl-history-box .hl-user-tips a {
    display: block;
    margin: 15px auto 0;
    width: 50%;
    border-radius: 32px;
    line-height: 40px;
}

.hl-history-box .hl-public-box .hl-item-title {
    margin-bottom: 20px;
}

/* share */
.hl-links-wrap {
    padding: 25px 20px;
}

.hl-links-wrap .hl-share-tips {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.hl-links-wrap .hl-share-link {
    display: block;
    overflow-y: scroll;
    padding: 15px 10px;
    max-height: 68px;
    border-radius: 4px;
}

.hl-copy-btn {
    display: block;
    margin: 15px auto 0;
    width: 65%;
    border-radius: 32px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

/* alert */
.hl-alert-box {
    position: absolute;
    z-index: 99;
    display: none;
    border-radius: 4px;
}

.hl-alert-box::after {
    position: absolute;
    top: -4px;
    left: 50%;
    z-index: -1;
    display: none;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 0 0 2px 0;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.hl-full-head {
    position: relative;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
}

.hl-full-head .hl-close-full {
    font-size: 20px;
}

.hl-full-title {
    margin-bottom: 15px;
    padding: 0 20px;
    font-size: 20px;
    line-height: 24px;
}

.hl-full-box {
    position: relative;
}

.hl-pops-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999995;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
}

.hl-pops-bg.hl-pops-bg-active {
    display: block;
    opacity: 1;
}

.hl-list-qrcode .hl-alert-box {
    top: 100%;
    left: -90px;
}

.hl-list-qrcode .hl-qrcode-wrap {
    padding: 20px;
    width: 200px;
    text-align: center;
}

.hl-list-qrcode .hl-qrcode-wrap p {
    margin-bottom: 5px;
    line-height: 140%;
}

.hl-list-qrcode .hl-qrcode-pic img {
    width: 120px;
    height: 120px;
}

.hl-list-qrcode .hl-qrcode img {
    padding: 8px;
}

.hl-poptips-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999998;
    width: 280px;
    border-radius: 4px;
    transform: translate(-50%, -50%);
}

.hl-poptips-title {
    margin-top: 25px;
    padding: 0 25px;
    text-align: center;
    line-height: 26px;
}

.hl-poptips-content {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 25px 0;
    padding: 0 25px;
    max-height: 200px;
    line-height: 22px;
    -webkit-overflow-scrolling: touch;
}

.hl-poptips-btn {
    margin-bottom: 25px;
    padding: 0 25px;
}

.hl-poptips-btn a {
    display: inline-block;
    width: 48%;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;
}

.hl-poptips-btn a.no {
    margin-right: 4%;
}

.hl-pop-msg, .mac_pop_msg {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999 !important;
    padding: 10px;
    width: auto !important;
    height: auto !important;
    min-width: 160px;
    border-radius: 32px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    transform: translate(-50%, -50%);
}

.hl-pop-msg .hl-pop-tip, .mac_pop_msg .pop-msg {
    padding: 0 15px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.mac_pop_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999995;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
}

.mac_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999998 !important;
    margin: auto;
    padding: 15px;
    height: auto !important;
    max-width: 90%;
    max-height: 95%;
    min-height: 84px;
    border-radius: 4px;
    transform: translate(-50%, -50%);
}

.mac_pop .pop_close {
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-style: normal;
    font-size: 0;
    font-family: iconfont !important;
    line-height: 28px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mac_pop .pop_close::before {
    content: "\e673";
    font-size: 20px;
}

.mac_pop .pop_top {
    margin-top: 15px;
    width: 100%;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.mac_pop .pop_top h2 {
    display: inline-block;
    margin: 0 auto;
    font-weight: 400;
}

.mac_pop .bgPop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999998;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}

.mac_pop .pop-msg {
    text-align: center;
}

.qirebox {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    padding: 0;
    transform: translate(-50%, -50%);
}

.qirebox .ui-dialog-close, .qirebox .ui-iframe {
    display: none !important;
}

.ui-dialog {
    overflow: hidden;
    min-width: 220px;
    border-radius: 32px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
}

.ui-dialog-cnt {
    padding: 10px;
}

.ui-dialog-tip {
    padding: 0 15px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.ui-dialog-close {
    display: none !important;
}


/* page */
.hl-page-wrap {
    display: block;
    overflow: hidden;
    margin: 25px 0;
    font-size: 0;
}

.hl-page-wrap li {
    display: inline-block;
    padding: 0 4px;
    width: 17.5%;
}

.hl-page-wrap li .num, .hl-page-wrap li a {
    display: inline-block;
    width: 100%;
    height: 38px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 14px;
    line-height: 36px;
}

.hl-page-wrap li.hl-page-tips {
    width: 30%;
}

.hl-page-small {
    display: inline-block;
    padding: 0 0 0 15px;
    line-height: 28px;
    float: right;
}

.hl-page-small .hl-page-btns, .hl-page-small .hl-page-total {
    display: inline-block;
}

.hl-page-small .hl-page-total {
    margin-right: 5px;
}

.hl-page-small .hl-page-btns a {
    display: inline-block;
    margin-left: 2px;
    width: 22px;
    border: 1px solid;
    border-radius: 2px;
    text-align: center;
    line-height: 20px;
}

/* member */
.hl-loginwrap {
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 0 15px;
}

.hl-reg-wrap {
    width: 100%;
}

.hl-reg-wrap form .hl-reg-group {
    position: relative;
    border-bottom: 1px solid;
    line-height: 50px;
}

.hl-reg-wrap form .hl-reg-group label {
    display: inline-block;
    box-sizing: border-box;
    width: 25%;
    line-height: inherit;
}

.hl-reg-wrap form .hl-reg-group .hl-reg-control {
    display: inline-block;
    width: 75%;
    border: none;
    background: 0 0;
    line-height: inherit;
}

.hl-reg-wrap form .hl-reg-group .hl-reg-w2 {
    width: 45%;
}

.hl-reg-wrap form .hl-reg-group .hl-reg-w3 {
    width: 30%;
    height: 50px;
    cursor: pointer;
}

.hl-reg-wrap form .hl-reg-group .hl-reg-yzm {
    border: 0;
    background: none !important;
}

.hl-reg-wrap form .hl-reg-group img.hl-reg-w3 {
    margin-top: -2px;
}

.hl-btn-submit {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
    border: none;
    border-radius: 4px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
}

.hl-reg-title {
    line-height: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.hl-reg-go {
    margin-top: 15px;
}

.hl-reg-other {
    margin-top: 30px;
}

.hl-reg-oauth {
    margin-top: 15px;
}

.hl-reg-oauth a {
    display: inline-block;
    margin: 0 10px;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
}

.hl-reg-oauth a.hl-reg-wx {
    background: #23cc21;
}

.hl-reg-oauth a.hl-reg-qq {
    background: #2aa2e5;
}

.hl-member .hl-reg-wrap {
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 25px;
}

.hl-member .hl-reg-go a {
    position: relative;
    padding: 0 10px;
}

.hl-member .hl-reg-go a:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 9;
    height: 10px;
    border-right: 1px solid;
    content: " ";
    transform: translate(0, -50%);
}

/* jump */
.hl-msg-jump {
    margin: 35px auto;
    padding: 50px 25px;
    width: 100%;
    border-radius: 4px;
}

.hl-msg-jump .hl-msg-jump-tit {
    margin-bottom: 25px;
    text-align: center;
    line-height: 26px;
}

.hl-msg-jump .text, .hl-msg-jump .title {
    margin-bottom: 10px;
}

.hl-msg-jump .form .item1 {
    position: relative;
    border: 1px solid;
    border-radius: 4px;
    line-height: 43px;
}

.hl-msg-jump .form .item1 input {
    display: inline-block;
    padding: 0 10px;
    width: 65%;
    border: none;
    background: 0 0;
    line-height: inherit;
}

.hl-msg-jump .form .item1 .get-pwd {
    float: right;
    display: inline-block;
    padding-right: 10px;
    width: 35%;
    text-align: right;
    line-height: inherit;
}

.hl-msg-jump.hl-msg-player {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    margin: auto;
    padding: 0 25px;
    width: 300px;
    box-shadow: none;
    text-align: center;
    transform: translate(-50%, -50%);
}

.hl-msg-jump.hl-msg-player .hl-msg-jump-tit {
    margin-bottom: 15px;
    line-height: 16px;
}

.hl-msg-jump.hl-msg-player .hl-btn-submit {
    margin-top: 15px;
}

.hl-player-popeom {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 90%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.hl-player-popeom .time {
    font-size: 18px;
    line-height: 24px;
}

.hl-player-popeom p {
    margin-bottom: 5px;
}

.hl-player-popeom p.tips2 {
    color: #666;
    font-size: 10px;
}

.hl-msg-jump .btn a, .hl-player-popeom a {
    display: inline-block;
    margin: 5px 10px 0;
    padding: 0 32px;
    border-radius: 32px;
    line-height: 36px;
}

.hl-msg-jump .btn {
    text-align: center;
}

.hl-msg-jump .btn a {
    margin: 15px 10px 0;
}

.hl-msg-jump .btn a.cz, .hl-player-popeom a.cz {
    border: 1px solid;
}

.hl-player-popeom a.zx {
    border: 1px solid #e2c078;
    background: 0 0;
    color: #e2c078;
}

.hl-player-popeom a.sj {
    border: 1px solid #e2c078;
    background: #e2c078;
    color: #623a0c;
}

/* user */
.conch-member .hl-user-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-bottom: 25px;
}

.conch-member .hl-user-avt {
    position: relative;
    float: left;
    display: block;
    width: 64px;
    height: 64px;
}

.conch-member .hl-user-avt img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.conch-member .hl-user-avt i {
    position: absolute;
    right: 0;
    right: -4px;
    bottom: 0;
    bottom: 4px;
    line-height: 14px;
}

.hl-face-upload {
    display: block;
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 24px;
}

.conch-member .hl-user-name {
    float: left;
    padding-left: 10px;
    width: calc(100% - 64px);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.conch-member .hl-user-name a {
    position: relative;
    display: block;
}

.conch-member .hl-user-name a > span.main {
    padding-right: 25px;
    font-weight: 700;
    font-size: 18px;
}

.conch-member .hl-user-name a > span.main > i {
    margin-left: 5px;
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
}

.conch-member .hl-user-name a > span > em {
    display: inline-block;
    max-width: calc(100% - 50px);
}

.conch-member .hl-user-name a > span.sub {
    padding-right: 25px;
    font-size: 12px;
}

.conch-member .hl-user-name a > i {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 16px;
    transform: translate(0, -50%);
}

.conch-member .hl-icon-zuanshi, .conch-member .hl-icon-zuanshi-fill, .hl-user-box .hl-icon-zuanshi {
    color: #ddaf5a;
}

.conch-member .hl-icon-dui {
    color: #2dbd8c;
}

.conch-member .hl-icon-cuo {
    color: #ff2d2d;
}

.conch-member .hl-user-set a > span > i.a, .conch-member .hl-user-set a > span > i.d {
    color: #ddaf5a;
}

.conch-member .hl-user-set a > span > i.b {
    color: #ff5f00;
}

.conch-member .hl-user-set a > span > i.c {
    color: #50a9fc;
}

.conch-member .hl-user-set a > span > i.e {
    color: #2dbd8c;
}

.conch-member .hl-user-info, .conch-member .hl-user-set ul {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
}

.conch-member .hl-info-wrap {
    position: relative;
    float: left;
    display: block;
    padding: 15px 10px;
    width: 50%;
    text-align: center;
}

.conch-member .hl-info-wrap p:not(.text) {
    line-height: 24px;
}

.conch-member .hl-info-wrap .points {
    font-weight: 700;
    font-size: 18px;
}

.conch-member .hl-info-wrap .text {
    font-size: 12px;
}

.conch-member .hl-user-set li {
    padding: 0 15px;
}

.conch-member .hl-user-set a {
    display: block;
    border-bottom: 1px solid;
    line-height: 50px;
}

.conch-member .hl-user-set a > span > i {
    margin-right: 10px;
    vertical-align: bottom;
}

.conch-member .hl-user-set a > em {
    display: block;
    overflow: hidden;
    padding-right: 10px;
    max-width: calc(100% - 110px);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.conch-member .hl-user-set .hl-logout-item a {
    text-align: center;
    font-size: 15px;
}

.conch-member .hl-user-set .hl-cont-list p > a {
    border: 0;
}

.conch-member .hl-user-set input.hl-user-input {
    width: calc(100% - 80px);
}

.conch-member .hl-user-set a.conch-copy {
    width: 80px;
}

.conch-member .hl-cont-list {
    margin-bottom: 25px;
    padding: 0 15px;
}

.conch-member .hl-cont-list.hl-tui-wrap {
    padding: 0;
}

.conch-member .hl-cont-list p {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid;
    line-height: 50px;
}

.conch-member .hl-cont-list p.hl-quanxian-type, .conch-member .hl-cont-list p.tip {
    padding: 14px 0;
    line-height: 22px;
}

.conch-member .hl-cont-list p:last-child, .conch-member .hl-user-set li:last-child a {
    border: 0;
}

.conch-member .hl-cont-list p > span {
    float: left;
    display: block;
    width: 84px;
}

.conch-member .hl-cont-list p > input {
    float: left;
    width: calc(100% - 84px);
    border: 0;
    background: 0 0;
    line-height: 50px;
}

.conch-member .hl-cont-list p > input.hl-input-w3 {
    width: calc(100% - 168px);
}

.conch-member .hl-cont-list p > a {
    float: left;
    display: inline-block;
    width: 80px;
    text-align: center;
}

.conch-member .hl-cont-list p.hl-quanxian-type > span {
    width: 16.666666%;
    font-weight: 700;
}

.conch-member .hl-cont-list p.hl-quanxian-type > em {
    float: left;
    display: block;
    width: 16.666666%;
    text-align: center;
}

.conch-member .hl-cont-list p.hl-quanxian-type > em > i {
    display: inline-block;
    width: 100%;
}

.conch-member .hl-cont-list .hl-tip-text {
    display: block;
    margin-top: 25px;
    text-align: center;
}

.conch-member .hl-tool-btns {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid;
}

.conch-member .hl-tool-btns a {
    float: left;
    display: block;
    width: 25%;
    border-right: 1px solid;
    text-align: center;
    line-height: 40px;
}

.conch-member .hl-tool-btns a:last-child {
    border: 0;
}

.conch-member .hl-data-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid;
}

.conch-member .hl-data-list li:last-child {
    border: 0;
}

.conch-member .hl-data-list .hl-item-pic {
    float: left;
    display: block;
    width: 68px;
}

.conch-member .hl-data-list input {
    margin: 0 10px 0 0;
}

.conch-member .hl-data-list .hl-btn-del, .conch-member .hl-data-list .hl-item-content, .conch-member .hl-data-list input {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.conch-member .hl-data-list .hl-item-content {
    float: left;
    padding: 0 10px;
    width: calc(100% - 122px);
}

.conch-member .hl-data-list .hl-item-content p {
    margin-top: 2px;
}

.conch-member .hl-data-list .hl-item-content a > span {
    vertical-align: bottom;
    font-size: 13px;
}

.conch-member .hl-data-list .hl-btn-del {
    display: inline-block;
    width: 32px;
    border: 1px solid;
    border-radius: 32px;
    text-align: center;
    line-height: 30px;
}

.conch-member .hl-upgrade-list li {
    margin-bottom: 15px;
}

.conch-member .hl-upgrade-list li a {
    display: block;
    padding: 25px 0;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.conch-member .hl-upgrade-list li a span {
    display: block;
    width: 100%;
}

.conch-member .hl-upgrade-list li a.day {
    background: #50a9fc;
}

.conch-member .hl-upgrade-list li a.week {
    background: #2dbd8c;
}

.conch-member .hl-upgrade-list li a.month {
    background: #ff5f00;
}

.conch-member .hl-upgrade-list li a.year {
    background: #ddaf5a;
}

.conch-member select {
    position: relative;
    width: calc(100% - 84px);
    height: 50px;
    border: 0;
    line-height: 50px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../img/arrow.png") no-repeat scroll right center transparent;
    padding-right: 15px;
}

.conch-member select::-ms-expand {
    display: none;
}

.conch-member .hl-data-list.hl-orders-list .hl-item-content {
    padding: 0 10px 0 0;
    width: calc(100% - 60px);
}

.conch-member .hl-data-list.hl-cards-list .hl-item-content em, .conch-member .hl-data-list.hl-orders-list .hl-item-content em {
    font-weight: 700;
    font-size: 16px;
}

.conch-member .hl-data-list.hl-orders-list .hl-btn-order {
    width: 60px;
}

.conch-member .hl-data-list.hl-cards-list .hl-item-content {
    padding: 0;
    width: 100%;
}

.conch-member .hl-cont-list .hl-pay-ewm {
    margin-top: 25px;
    border-bottom: 0;
}

.conch-member.conch-content .hl-row-box .hl-site-tabs a {
    margin-right: 40px;
}

/* ads */
.conch-ads-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.conch-ads-box .ads, .conch-ads-box .ads img {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

.conch-ads-box .hl-close-this {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: rgb(0 0 0 / .5);
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.conch-ads-box .hl-ad-tip {
    position: absolute;
    bottom: 4px;
    left: 4px;
    display: block;
    padding: 0 4px;
    border-radius: 2px;
    background: rgb(0 0 0 / .5);
    color: rgb(255 255 255 / .8);
    font-size: 12px;
    line-height: 18px;
}

.conch-ads-box .hl-br-ads {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.conch-ads-box .ads.ads-banner {
    height: 100%;
}

.conch-ads-box .ads.ads-banner img {
    width: auto;
    height: 100%;
}

.conch-ads-box#ad1008 .hl-ad-tip {
    top: 8px;
    right: 8px;
    bottom: auto;
    left: auto;
}

.conch-footer .hl-ads-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}

.hl-double-left, .hl-double-right {
    position: fixed;
    top: 120px;
    z-index: 999;
}

.hl-double-left {
    left: 0;
}

.hl-double-right {
    right: 0;
}

.hl-paly-players #ad1002.conch-ads-box {
    margin-bottom: 0 !important;
    width: 100%;
}

.hl-rb-side .conch-ads-box {
    margin-bottom: 35px;
}

.hl-user-set .hl-tui-ad a.hl-close-this {
    border: 0;
    line-height: 20px;
}

.hl-user-set .hl-tui-ad a.hl-close-this > i {
    color: #fff;
}

@media (min-width: 768px) {
    /* other */
    .hl-hide-sm {
        display: none !important;
    }

    .hl-marg-top {
        margin-top: 25px;
    }

    .hl-fadeIn-sm {
        line-height: 1.4;
        -webkit-animation-name: content;
        animation-name: content;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    /* container */
    .container {
        overflow: unset;
        padding: 0 10px;
        width: 750px;
    }

    .row {
        margin: 0 -10px;
    }

    .row [class*=hl-col-] {
        padding: 0 10px;
    }

    /* color */
    .conch-content .hl-row-box .hl-actor-list.hl-actor-sm .hl-item-link:hover, .conch-content .hl-search-hot a:hover, .conch-content .hl-smnav-item a:hover, .conch-footer .hl-foot-extra .hl-fe-list a:hover, .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit:hover, .conch-hasbg .conch-headwrap:not(.fixed) .conch-search > form > a:hover, .conch-hasbg .conch-headwrap:not(.fixed) .hl-list-font > a:not(.conch-user):hover, .conch-hasbg .conch-headwrap:not(.fixed) .hl-nav-item > a:not(.active):hover, .conch-hasbg .conch-headwrap:not(.fixed) .hl-nav-more > a:hover, .conch-header .conch-menus ul > li > a:hover > em, .conch-header .conch-hasconch .hl-list-font > a:not(.conch-user):hover, .conch-header .conch-hasconch .hl-nav-item > a:hover, .conch-header .conch-hasconch .hl-nav-more > a:hover, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit:hover, .hl-bg-conch:hover, .hl-bg-hover:hover, .hl-btn-gradient:hover, .hl-text-white:hover {
        color: #fff;
    }

    .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit, .conch-hasbg .hl-has-item .hl-score-title > span, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit {
        color: #fff;
    }

    .conch-content .hl-smnav-home .hl-smnav-item a:hover > i, .hl-btn-border:hover {
        color: #fff !important;
    }

    .conch-content .hl-new-items .hl-rank-list li a:hover .hl-item-title, .conch-content .hl-row-box .hl-actor-list.hl-actor-one a:hover .hl-item-title, .conch-content .hl-row-box .hl-list-item:hover .hl-item-title a, .conch-content .hl-search-form .hl-search-submit:hover, .conch-header .conch-menus ul > li > a:hover > i, .conch-header .conch-hasconch .conch-search .hl-search-submit:hover, .hl-alert-items:hover > a, .hl-filter-opted li:hover, .hl-public-box .hl-public-item a:hover .hl-item-title, .hl-text-hover:hover, a:active, a:focus, a:hover {
        color: #f50;
    }

    .conch-content .hl-row-box .hl-pic-icon i:hover, .conch-footer .hl-foot-extra .hl-fe-list a:hover, .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit:hover, .conch-header .conch-menus ul > li > a:hover > em, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit:hover, .hl-btn-border:hover, .hl-btn-gradient:hover {
        background: #f50;
    }

    .conch-content .hl-row-box .hl-actor-list.hl-actor-sm .hl-item-link:hover, .conch-content .hl-smnav-item a:hover, .conch-hasbg .conch-headwrap.conch-hasconch:not(.fixed) .conch-search .hl-search-submit, .conch-header .conch-headwrap:not(.conch-hasconch) .conch-search .hl-search-submit, .hl-bg-hover:hover {
        background: #f50;
        background: -webkit-gradient(linear, left top, right top, from(#f50), to(#f80));
        background: -webkit-linear-gradient(left, #f50, #f80);
        background: -o-linear-gradient(left, #f50 0, #f80 100%);
        background: linear-gradient(90deg, #f50, #f80);
    }

    .hl-comm-form .hl-comm-write:hover, .hl-filter-opted li:hover, .hl-page-small .hl-page-btns a:hover, .hl-page-wrap li a:hover {
        border-color: #f50;
    }

    .conch-hasbg .conch-headwrap:not(.fixed) .conch-search > form > input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .2);
    }

    .conch-content .hl-row-box .hl-actor-list.hl-actor-sm .hl-item-link:hover .hl-item-sub {
        color: rgba(255, 255, 255, .6);
    }

    .conch-hasbg .hl-has-item .hl-data-sm em, .conch-hasbg .hl-has-item .hl-ds-qrcode p, .conch-hasbg .hl-has-item .hl-score-data, .conch-hasbg .hl-has-item .hl-score-title .list-tips, .conch-hasbg .hl-has-item .label-list {
        color: rgba(255, 255, 255, .6);
    }

    .conch-hasbg .conch-headwrap:not(.fixed) .conch-search > form > a, .conch-hasbg .conch-headwrap:not(.fixed) .conch-search > form > input, .conch-hasbg .hl-has-item .hl-data-sm, .conch-hasbg .hl-has-item .hl-douban-score, .conch-hasbg .hl-has-item .hl-score-nums {
        color: rgba(255, 255, 255, .8);
    }

    .conch-hasbg .conch-content .hl-has-item .hl-ds-qrcode, .conch-hasbg .conch-content .hl-has-item .hl-score-rating {
        border-color: rgba(255, 255, 255, .05);
    }

    .conch-banner .swiper-button-next:hover, .conch-banner .swiper-button-prev:hover {
        background: rgba(0, 0, 0, .8);
    }


    /* hover */
    .conch-adjust-fix {
        padding-top: 70px;
    }

    .conch-scrollbar:hover .swiper-scrollbar, .hl-play-scrollbar:hover .swiper-scrollbar {
        opacity: 1 !important;
    }

    .conch-banner .conch-br-box:hover .hl-br-arrow {
        display: block;
    }

    .conch-header .conch-nav a:hover > img, .conch-content .hl-downs-box .btns > a:hover, .hl-bg-conch:hover {
        opacity: .8;
    }

    .conch-header .conch-list .hl-list-history:hover .hl-alert-box {
        display: block;
    }

    .conch-content .hl-row-box .hl-item-thumb:hover .hl-pic-icon {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }

    .conch-content .hl-play-source .hl-plays-list li > a:hover, .conch-content .hl-play-source .hl-plays-list div > a:hover {
        font-weight: 700;
    }

    .conch-footer .hl-foot-extra .hl-fe-list .hl-mqr-item a:hover {
        border-radius: 100%;
    }

    .conch-footer .hl-foot-extra .hl-fe-list .hl-mqr-item:hover .hl-alert-box {
        display: block;
    }

    .conch-footer .hl-foot-extra .hl-fe-list a:hover span {
        padding-left: 17px;
        max-width: 200px;
        transition: max-width .2s ease;
    }

    .conch-footer .hl-foot-extra .hl-fe-list a:hover {
        border-radius: 0 50% 50% 0;
        box-shadow: none;
    }

    /* header */
    .conch-header .conch-headwrap.fixed {
        top: -70px;
    }

    .conch-header .conch-headwrap.fixed.active {
        top: 0;
    }

    .conch-header .conch-logo {
        margin: 15px 0;
        padding: 5px 0;
    }

    .conch-header .conch-logo .hl-logo {
        width: 112px;
        height: 30px;
    }

    .conch-header .conch-nav {
        margin: 15px 0;
        padding-left: 25px;
        width: auto;
        font-size: 15px;
        line-height: 40px;
    }

    .conch-header .conch-nav .hl-nav-wrap {
        float: left;
        margin: 0;
    }

    .conch-header .conch-nav .hl-nav-item {
        /*display: none;*/
        margin-right: 0;
        padding: 0 12px;
    }

    .conch-header .conch-nav .hl-nav-item:first-child {
        padding-left: 0;
    }

    .conch-header .conch-nav .hl-nav-more {
        position: relative;
        right: auto;
        float: left;
        display: block;
    }

    .conch-header .conch-nav .hl-nav-more a {
        padding: 0 12px;
    }

    .conch-header .conch-nav .hl-nav-item a.active, .conch-header .hl-nav-more span.active {
        font-weight: 700;
        font-size: 17px;
    }

    .conch-header .conch-search {
        position: relative;
        right: 0;
        left: 0;
        float: right;
        margin: 15px 0;
        width: 320px;
        height: 40px;
    }

    .conch-header .conch-search .hl-search-select {
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-search .hl-search-selop .hl-search-select {
        display: block;
    }

    .conch-header .conch-search .hl-search-text {
        padding: 0 90px 0 15px;
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-search .hl-search-selop .hl-search-text {
        padding: 0 90px 0 80px;
    }

    .conch-header .conch-search .hl-search-submit {
        width: 80px;
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-search .hl-sh-box {
        top: 100%;
        margin-top: 15px;
    }

    .conch-header .conch-search .hl-sh-item {
        width: 320px;
    }

    .conch-header .conch-search .hl-sh-list li > a > i {
        padding-left: 1px;
        width: 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .conch-header .conch-search-nav {
        margin: 15px 0;
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-list {
        line-height: 70px;
        padding-right: 0;
    }

    .conch-header .conch-list .hl-list-font {
        margin-left: 25px;
        height: 70px;
    }

    .conch-header .conch-list .hl-user-items > a {
        margin-top: 15px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-list .hl-user-items .hl-alert-box {
        top: 100%;
        right: 0;
    }

    .conch-header .conch-list .hl-user-items .hl-alert-box::after {
        right: 16px;
        left: auto;
        margin-right: 0;
    }

    .conch-header .conch-list .hl-user-items .hl-user-box {
        width: 180px;
    }

    .conch-header .conch-list .hl-user-items .hl-login-out {
        display: block;
        padding: 10px;
        text-align: right;
        font-size: 13px;
    }

    .conch-header .conch-list .hl-user-items .hl-user-info span {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .conch-header .conch-list .hl-user-items .hl-user-info span.hl-user-name {
        font-size: 17px;
    }

    .conch-header .conch-list .hl-user-items .hl-user-list {
        margin-top: 25px;
        padding: 10px;
        border-radius: 0 0 4px 4px;
        text-align: center;
    }

    .conch-header .conch-list .hl-user-items .hl-user-list a {
        display: inline-block;
        padding: 0 8px;
        font-size: 13px;
    }

    .conch-header .conch-list .hl-user-items .hl-user-list a i {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
        width: 20px;
        height: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .conch-header .conch-menus .conch-ms-header {
        margin: 15px 0;
        height: 40px;
    }

    .conch-header .conch-menus .conch-ms-close {
        height: 40px;
        line-height: 40px;
    }

    .conch-header .conch-menus .conch-scrollbar {
        height: calc(100% - 70px);
    }

    .conch-header .conch-menus ul > li > a:hover > em {
        display: block;
    }

    .conch-scrollbar .swiper-scrollbar, .hl-play-scrollbar .swiper-scrollbar {
        display: block;
    }


    /* banner */
    .conch-banner .conch-br-box {
        overflow: hidden;
    }

    .conch-banner .conch-br-box .hl-br-thumb {
        padding-top: 35%;
    }

    .conch-banner .conch-br-box .hl-br-text {
        padding: 40px;
    }

    .conch-banner .conch-br-box .hl-br-type {
        margin-bottom: 10px;
        padding: 2px 8px;
    }

    .conch-banner .conch-br-box .hl-br-title {
        font-size: 24px;
        line-height: 24px;
    }

    .conch-banner .conch-br-box .hl-br-sub {
        margin-top: 5px;
        font-size: 14px;
    }

    .conch-banner .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .conch-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }

    .conch-banner .swiper-pagination-bullet-active {
        width: 12px;
    }

    .conch-banner .swiper-container-horizontal > .swiper-pagination-bullets {
        right: 36px;
        bottom: 40px;
    }

    .conch-banner .conch-brwrap-art .hl-brrt-item {
        margin-top: 20px;
    }

    .conch-banner .conch-brwrap-art .hl-brrt-item .hl-br-title {
        font-size: 18px;
        line-height: 22px;
    }

    .conch-banner .conch-brwrap-art .hl-brrt-item .hl-pic-text {
        padding: 15px 20px;
    }

    /* contentwrap */
    .conch-content .conch-ctwrap {
        padding-top: 35px;
    }

    .conch-content .hl-row-nano {
        display: block;
        overflow: hidden;
        margin-bottom: 35px;
    }

    /* smallnav */
    .conch-content .hl-smnav-home .hl-smnav-item {
        float: left;
        display: block;
        margin-right: 20px;
        width: auto;
    }

    .conch-content .hl-smnav-home .hl-smnav-item a {
        padding: 0 20px;
        height: 40px;
        border-radius: 24px;
        font-size: 16px;
        line-height: 40px;
    }

    .conch-content .hl-smnav-home .hl-smnav-item a > i {
        display: inline-block;
        margin: 0 5px 0 0;
        width: auto;
        height: auto;
        vertical-align: bottom;
        font-size: 22px;
        line-height: inherit;
    }

    .conch-content .hl-smnav-home .hl-smnav-item a > span {
        display: inline-block;
        margin: 0;
        font-weight: 700;
    }

    .conch-content .hl-smnav-type .hl-smnav-item {
        margin-right: 15px;
    }

    .conch-content .hl-smnav-type .hl-smnav-item a {
        padding: 0 20px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    .conch-content .hl-smnav-type .hl-smnav-item a > i {
        display: none;
    }

    .conch-content .hl-smnav-type .hl-typenav-all {
        position: static;
        float: left;
    }

    .conch-content .hl-smnav-type .hl-list-wrap {
        float: left;
        display: block;
        overflow: hidden;
        width: calc(100% - 87px);
        height: 40px;
    }

    .conch-content .hl-smnav-type .swiper-wrapper {
        display: block;
    }

    /* notice */
    .conch-content .hl-notice-box .hl-notice-item {
        height: 40px;
        line-height: 40px;
    }

    /* rowbox */
    .conch-content .hl-row-box .hl-rb-head {
        margin-bottom: 25px;
    }

    .conch-content .hl-row-box h2.hl-rb-title {
        font-size: 24px;
    }

    .conch-content .hl-row-box h3.hl-rb-title {
        font-size: 20px;
    }

    .conch-content .hl-row-box .hl-rb-more {
        float: left;
    }

    .conch-content .hl-row-box .hl-rb-title i {
        font-size: 30px;
    }

    .conch-content .hl-row-box .hl-rb-type-child {
        display: block;
        overflow: hidden;
        margin: 0 0 0 40px;
        width: auto;
        height: 28px;
    }

    .conch-content .hl-row-box .hl-rb-type-child a {
        margin-right: 10px;
        padding: 0 14px;
        width: auto;
    }

    .conch-content .hl-row-box .hl-head-page {
        text-align: right;
        border-bottom: 1px solid;
    }

    .conch-content .hl-row-box .hl-site-tits {
        width: auto;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .conch-content .hl-row-box .hl-rb-total {
        float: right;
    }

    .conch-content .hl-row-box .hl-site-tabs a {
        float: left;
        display: block;
        width: auto;
        padding-bottom: 15px;
        margin-right: 20px;
        font-size: 18px;
    }

    .conch-content .conch-brwrap-art .hl-row-box .hl-rb-type-child {
        width: calc(100% - 280px);
    }

    .conch-content #ad1002.hl-row-box.conch-ads-box {
        margin-bottom: 35px;
    }

    /* listswiper */
    .conch-content .hl-row-box .hl-swiper-item {
        overflow: hidden;
    }

    /* vodlist */
    .conch-content .hl-row-box .hl-list-item {
        margin-bottom: 25px;
    }

    .conch-content .hl-row-box .hl-list-item .score {
        font-size: 14px;
    }

    .conch-content .hl-row-box .hl-item-text {
        margin-top: 15px;
    }

    .conch-content .hl-row-box .hl-item-sub {
        font-size: 13px;
    }

    .conch-content .hl-row-box .hl-pic-tag {
        top: 6px;
        right: 6px;
    }

    .conch-content .hl-row-box .hl-pic-tag span {
        padding: 0 4px;
        line-height: 20px;
    }

    .conch-content .hl-row-box .hl-vod-big .hl-vod-list li:first-child .hl-item-thumb, .conch-content .hl-row-box .hl-vod-widebig.hl-list-v12 .hl-vod-list li:first-child .hl-item-thumb {
        padding: 0;
    }

    .conch-content .hl-row-box .hl-goto-box {
        margin: 10px auto 0 auto;
        width: 200px;
    }

    /* vodrank */
    .conch-content .hl-vod-rank {
        position: absolute;
        top: -53px;
        right: 0;
        z-index: 10;
        margin: 0;
    }

    .conch-content .hl-vod-rank .hl-rank-box {
        display: block;
        overflow: hidden;
        width: 100%;
        height: calc(100% - 53px);
    }

    .conch-content .hl-vod-rank .hl-rank-list {
        padding: 5% 0;
        height: 100%;
    }

    .conch-content .hl-vod-rank .hl-rank-list li {
        padding: 5% 20px 0 20px;
        height: 12.5%;
    }

    .conch-content .hl-part-nums {
        display: inline-block;
        width: 20px;
        margin-right: 2px;
        vertical-align: -1px;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: -1px;
    }

    .conch-content .hl-list-v6 .hl-vod-rank, .conch-content .hl-list-vn .hl-vod-rank {
        height: calc(100% + 28px);
    }

    .conch-content .hl-list-v12 .hl-vod-rank {
        height: calc(50% + 28px);
    }

    .conch-content .hl-list-v12.hl-wide-wrap .hl-vod-rank {
        height: calc(100% + 28px);
    }

    .conch-content .hl-list-v6.hl-wide-wrap .hl-vod-rank, .conch-content .hl-list-vn.hl-wide-wrap .hl-vod-rank {
        display: none !important;
    }

    /* onelist */
    .conch-content .hl-row-box .hl-one-list .hl-list-item:not(:last-child) .hl-item-wrap {
        padding-bottom: 25px;
    }

    .conch-content .hl-row-box .hl-one-list .hl-item-pic {
        width: 160px;
    }

    .conch-content .hl-row-box .hl-one-list .hl-item-title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 26px;
    }

    .conch-content .hl-row-box .hl-one-list .hl-item-sub {
        line-height: 22px;
        font-size: 14px;
    }

    .conch-content .hl-row-box .hl-one-list .hl-item-content {
        width: calc(100% - 160px);
        padding-left: 20px;
    }

    /* playlist */
    .conch-content .hl-from-wrap.hl-alert-box {
        top: 100%;
        left: -20px;
        width: 160px;
    }

    .conch-content .hl-from-wrap .hl-from-title {
        text-align: left;
    }

    .conch-content .hl-from-wrap.hl-half-y0 {
        display: block;
    }

    .conch-content .hl-from-list {
        padding: 0;
    }

    .conch-content .hl-content-wrap a {
        width: auto;
        text-align: left;
    }

    .conch-content .hl-content-hide a {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .conch-content .hl-content-hide a .hl-mbg {
        position: absolute;
        right: 100%;
        width: 200px;
        height: 100%;
    }

    .conch-content .hl-content-wrap span {
        margin-bottom: 15px;
    }

    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs.hl-list-sm {
        max-height: 205px;
    }

    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs .hl-show-div {
        display: none;
    }

    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs.hl-list-sm .hl-show-div {
        display: block;
    }

    /* downlist */
    .conch-content .hl-downs-box .text {
        width: 120px;
    }

    .conch-content .hl-downs-box .url-input {
        float: left;
        margin-right: 10px;
        padding: 0 15px;
        width: calc(100% - 504px);
        border: 1px solid;
        border-radius: 4px;
        line-height: 30px;
    }

    /* detail */
    .conch-content .hl-conch-items:after, .conch-content .hl-has-item:after {
        width: 100%;
        height: 25px;
        border-radius: 0;
        content: "";
    }

    .conch-content .hl-has-item {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .conch-content .hl-detail-content {
        margin-bottom: 15px;
    }

    .conch-content .hl-detail-content .hl-dc-pic {
        width: 240px;
    }

    .conch-content .hl-detail-content .hl-dc-content {
        padding-left: 25px;
        width: calc(100% - 240px);
    }

    .conch-content .hl-detail-content .hl-dc-title {
        font-size: 28px;
        line-height: 32px;
    }

    .conch-content .hl-detail-content .hl-dc-sub {
        font-size: 14px;
    }

    .conch-content .hl-detail-content .hl-dc-headwrap {
        margin-bottom: 20px;
    }

    .conch-content .hl-detail-content .hl-data-sm {
        display: block;
        font-size: 14px;
    }

    .conch-content .hl-detail-content .hl-data-xs {
        display: none;
    }

    .conch-content .hl-vod-data li {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .conch-content .hl-detail-content .hl-dc-btns a {
        float: left;
        line-height: 40px;
    }

    .conch-content .hl-detail-content .hl-dc-btns {
        width: auto;
    }

    .conch-content .hl-detail-content .hl-dc-btns .hl-form-wb, .conch-content .hl-detail-content .hl-dc-btns .hl-play-wb {
        float: left;
    }

    .conch-content .hl-from-buttons .hl-form-wb:hover .hl-from-wrap.hl-alert-box {
        display: block;
    }

    .conch-content .hl-from-buttons .hl-form-wb:hover .hl-from-btn i.hl-jiantou {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
        width: auto;
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-play-btn {
        margin-right: 25px;
    }

    .conch-content .hl-score-wrap .hl-bg-site {
        background: 0 0;
    }

    .conch-content .hl-detail-content .hl-tool-icon {
        right: 0;
        bottom: 0;
        left: auto;
        width: auto;
    }

    .conch-content .hl-tool-icon {
        height: 40px;
    }

    .conch-content .hl-tool-icon a {
        height: 40px;
        line-height: 40px;
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn span {
        width: auto;
    }

    .conch-content .hl-detail-content .hl-vod-data li.blurb {
        display: -webkit-box !important;
        white-space: unset;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .conch-content .hl-detail-side {
        margin-top: 0;
        padding: 25px;
    }

    .conch-content .hl-score-wrap .hl-score-rating.hl-bg-site {
        background: 0 0;
    }

    .conch-content .hl-score-box {
        top: 100%;
        left: -20px;
        padding: 20px;
        width: 320px;
    }

    .conch-content .hl-score-box.hl-alert-box::after {
        display: none;
    }

    .conch-content .hl-detail-content.hl-wide-items {
        margin-bottom: 0;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-pic {
        padding-right: 10px;
        width: 280px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-content {
        padding-left: 10px;
        width: calc(100% - 280px);
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-headwrap {
        margin-bottom: 10px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-title {
        font-size: 20px;
        line-height: 24px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-vod-data li.blurb {
        -webkit-line-clamp: 1;
    }

    .conch-content .hl-tool-icon li.hl-list-comm, .conch-content .hl-tool-icon li.hl-list-like {
        float: right;
        margin-left: 20px;
    }

    .conch-content .hl-vod-data .hl-item-pic {
        float: left;
        display: block;
        padding-right: 20px;
        width: 160px;
    }

    .conch-content .hl-vod-infos .hl-vod-data ul {
        float: left;
        display: block;
        width: calc(100% - 160px);
    }

    .conch-content .hl-vod-data ul li.hl-vod-name {
        margin-bottom: 15px;
        padding: 0;
        line-height: 24px;
    }


    /* play */
    .conch-content .hl-playinfo-wrap .hl-vod-infos {
        margin-top: 25px;
    }

    .conch-content .hl-playinfo-wrap .hl-crumbs-all {
        padding-bottom: 25px;
        border-bottom: 1px solid;
    }

    .conch-content .hl-player-setups {
        top: 50%;
        right: -360px;
        margin-top: -80px;
        width: 360px;
        height: 160px;
        border-radius: 10px;
    }

    .conch-content .hl-player-setups.active {
        margin-right: 25px;
    }

    .conch-content .hl-setups-wrap a > i {
        font-size: 24px;
    }

    .conch-content .hl-setups-wrap a > span {
        margin-top: 4px;
        font-size: 14px;
    }

    /* vod */
    .conch-content .hl-vod-infos .hl-infos-head {
        margin-bottom: 5px;
    }

    .conch-content .hl-vod-infos .hl-infos-head h2 {
        float: left;
        font-size: 24px;
    }

    .conch-content .hl-vod-infos .hl-infos-more {
        float: none;
        font-size: 14px;
    }

    .conch-content .hl-vod-infos .hl-tag-item {
        float: left;
        margin-bottom: 0;
    }

    .conch-content .hl-vod-infos .hl-tag-item a {
        height: 40px;
        line-height: 40px;
    }

    .conch-content .hl-vod-infos .hl-tag-item span {
        margin: 10px 20px 10px 0;
    }

    .conch-content .hl-vod-infos .hl-tool-icon {
        float: left;
    }

    .conch-content .hl-vod-infos .hl-vod-data .hl-data-sm {
        margin-bottom: 25px;
        padding: 20px;
        border-radius: 4px;
    }

    .conch-content .hl-data-show .hl-vod-data .hl-data-sm {
        display: block;
    }

    .conch-content .hl-data-show .hl-infos-more i {
        display: inline-block;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

    /* search */
    .conch-content .hl-search-items .container {
        padding-top: 15px;
        padding-bottom: 65px;
    }

    .conch-content .hl-search-form {
        padding: 0 15%;
    }

    .conch-content .hl-search-hot {
        text-align: center;
    }

    .conch-content .hl-search-form .hl-search-text {
        padding: 0 80px 0 18px;
    }

    .conch-content .hl-search-form .hl-search-selop .hl-search-text {
        padding: 0 80px 0 84px;
    }

    .conch-content .hl-search-form .hl-search-submit {
        width: 80px;
    }

    /* topic */
    .conch-content .hl-topic-main .hl-content-hide .hl-content-text {
        -webkit-line-clamp: 4;
    }

    .conch-content .hl-topic-main .hl-content-wrap a {
        display: none !important;
    }

    /* art */
    .conch-content .hl-row-box .hl-art-list .hl-item-title {
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 26px;
    }

    .conch-content .hl-row-box .hl-art-list .hl-item-pic {
        float: left;
    }

    .conch-content .hl-row-box .hl-art-list .hl-item-thumb {
        padding-top: 56.25%;
    }

    .conch-content .hl-row-box .hl-art-list .hl-item-blurb {
        font-size: 13px;
    }

    .conch-content .hl-row-box .hl-art-list .hl-item-content p {
        margin-bottom: 30px;
    }

    .conch-content .hl-row-box .hl-art-list li .hl-item-wrap {
        padding-bottom: 25px;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list li .hl-item-wrap {
        padding-bottom: 0;
        border: 0;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-content {
        margin-top: 15px;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-title {
        font-size: 15px;
        line-height: 20px;
        height: 40px;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-blurb {
        position: unset;
    }

    .conch-content .hl-article-main .hl-article-box {
        padding: 0 10%;
    }

    .conch-content .hl-article-main .hl-tool-icon {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin: 0;
        width: 48px;
        height: auto;
    }

    .conch-content .hl-article-main .hl-tool-icon ul {
        margin: 0;
        width: 48px;
    }

    .conch-content .hl-article-main .hl-tool-icon ul > li {
        margin-bottom: 15px;
        padding: 0;
    }

    .conch-content .hl-article-main .hl-tool-icon.fixed {
        position: fixed;
        top: 100px;
        left: auto;
    }

    .conch-content .hl-article-main .hl-tool-icon.bottom {
        top: auto;
        bottom: 0;
    }

    .conch-content .hl-article-main .hl-share-box {
        top: 0;
        left: 100%;
    }

    .conch-content .hl-article-main .hl-share-box.hl-alert-box::after {
        display: none;
    }

    .conch-content .hl-article-main, .conch-content .hl-article-paged {
        margin-bottom: 35px;
    }

    /* actor */
    .conch-content .hl-row-box .hl-actor-sm li {
        margin-bottom: 25px;
    }

    .conch-content .hl-row-box .hl-actor-sm .hl-item-link {
        margin: 0 10px;
    }

    .conch-content .hl-row-box .hl-rb-relactor .hl-actor-sm .hl-item-link {
        margin: 0;
    }

    .conch-content .hl-row-box .hl-actor-content.hl-actor-list .hl-item-title {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 28px;
    }

    /* rank */
    .conch-content .hl-banner-main {
        padding: 50px 0 70px 0;
    }

    .conch-content .hl-banner-main h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .conch-content .hl-rank-items .hl-site-tabs {
        width: 100%;
        text-align: center;
    }

    .conch-content .hl-rank-items .hl-site-tabs a {
        float: none;
        display: inline-block;
        margin-right: 20px;
        margin-left: 20px;
        font-size: 22px;
    }

    .conch-content .hl-new-items .hl-rank-list, .conch-content .hl-rank-items .hl-rank-list {
        border: 1px solid;
        border-radius: 4px;
    }

    .conch-content .hl-rank-items .hl-rank-list li {
        padding: 25px;
    }

    .conch-content .hl-rank-items .hl-item-pic {
        width: 100px;
    }

    .conch-content .hl-rank-items .hl-item-div5, .conch-content .hl-rank-items .hl-item-num {
        height: 145px;
    }

    .conch-content .hl-rank-items .hl-item-datas {
        line-height: 145px;
    }

    .conch-content .hl-rank-items .hl-item-datas i:last-of-type {
        display: none;
    }

    .conch-content .hl-rank-items .hl-item-num span {
        font-size: 24px;
    }

    .conch-content .hl-rank-items .hl-item-div {
        padding-right: 25px;
    }

    .conch-content .hl-rank-items .hl-item-hits span.hl-part-nums {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .conch-content .hl-rank-items .hl-item-content {
        margin-top: 10px;
        width: calc(100% - 140px);
    }

    .conch-content .hl-rank-items .hl-item-remarks {
        bottom: 10px;
    }

    .conch-content .hl-rank-items .hl-item-remarks, .conch-content .hl-rank-items .hl-item-sub {
        font-size: 14px;
    }

    .conch-content .hl-rank-items .hl-wide-wrap .hl-item-div5, .conch-content .hl-rank-items .hl-wide-wrap .hl-item-num {
        height: 56px;
    }

    .conch-content .hl-rank-items .hl-wide-wrap .hl-item-content {
        margin-top: 0;
    }

    .conch-content .hl-rank-items .hl-wide-wrap .hl-item-datas {
        line-height: 56px;
    }

    /* foot */
    .conch-footer .hl-foot-extra {
        right: 20px;
    }

    .conch-footer .hl-foot-text {
        text-align: left;
        font-size: 13px;
        line-height: 20px;
    }

    .conch-footer .hl-foot-text p:first-child {
        margin: 0;
    }

    .conch-footer .hl-map-nav {
        font-size: 13px;
    }

    .conch-footer .hl-foot-logo {
        height: 30px;
    }

    .conch-footer .hl-foot-logo .hl-logo {
        float: right;
        width: 112px;
        height: 30px;
    }

    .conch-footer .hl-foot-copy {
        margin-top: 8px;
        text-align: right;
        font-size: 13px;
    }

    .conch-footer .hl-user-footer .hl-foot-copy {
        text-align: center;
    }

    /* comment */
    .hl-rb-gbook .hl-comm-input.mac_report {
        padding: 25px;
    }

    .hl-rb-gbook .hl-comm-form .hl-comm-remaining {
        width: calc(100% - 320px);
    }

    .hl-rb-gbook .mac_report .hl-comm-form .hl-comm-remaining {
        margin-top: 0;
        width: 100%;
        line-height: 48px;
    }

    .hl-rb-gbook .mac_report .hl-comm-form .hl-comm-code, .hl-rb-gbook .mac_report .hl-comm-form .hl-comm-submit, .hl-rb-gbook .mac_report .hl-comm-form .hl-comm-verify {
        width: 33.333333%;
    }

    .hl-comm-list .hl-comm-each {
        padding-top: 25px;
    }

    .hl-comm-input, .hl-comm-list .hl-comm-each {
        padding-bottom: 25px;
        padding-left: 70px;
    }

    .hl-comm-input .hl-comm-avat, .hl-comm-list .hl-comm-avat {
        width: 60px;
        height: 60px;
    }

    .hl-comm-list .hl-comm-name {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .hl-comm-list .hl-comm-reply .hl-comm-name {
        margin: 0;
        font-size: 14px;
    }

    .hl-comm-form .hl-comm-write {
        padding: 5px 0;
    }

    .hl-comm-form .hl-comm-content {
        padding: 15px;
        height: 50px;
    }

    .hl-comm-form .hl-comm-handle {
        padding: 15px;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .hl-comm-form .hl-comm-face {
        margin-top: 16px;
    }

    .hl-comm-form .hl-comm-face-box {
        top: 50px;
    }

    .hl-comm-form .hl-comm-remaining {
        margin-top: 16px;
        margin-bottom: 0;
        padding-right: 15px;
        width: calc(100% - 320px);
    }

    .hl-comm-form .hl-comm-code, .hl-comm-form .hl-comm-submit, .hl-comm-form .hl-comm-verify {
        width: 100px;
    }

    .hl-comm-list .hl-comm-reply {
        padding: 15px 15px 15px 45px;
    }

    .hl-comm-list .hl-comm-reply .hl-comm-avat {
        top: 15px;
        left: 15px;
    }

    .hl-comm-list .hl-comm-each .hl-comm-form .hl-comm-content {
        line-height: 20px;
    }

    .hl-rb-gbook {
        margin: 0 auto;
        max-width: 750px;
    }

    /* history */
    .hl-history-box {
        top: 100%;
        left: -170px;
    }

    .hl-history-box .hl-hy-title span {
        font-size: 16px;
    }

    .hl-history-box .hl-hy-warp {
        margin: 0;
        width: 360px;
        height: 320px;
    }

    .hl-history-box .hl-public-box .row .hl-item-pic {
        padding: 0 5px 0 10px;
    }

    .hl-history-box .hl-public-box .row .hl-item-content {
        padding: 0 10px 0 5px;
    }

    .hl-history-box .hl-hy-list::-webkit-scrollbar {
        width: 5px;
    }

    .hl-history-box .hl-hy-list::-webkit-scrollbar-track-piece {
        background: 0 0;
    }

    .hl-history-box .hl-hy-list::-webkit-scrollbar-button {
        display: none;
    }

    .hl-history-box .hl-hy-list::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: rgba(0, 0, 0, .05);
    }

    /* share */
    .hl-share-box {
        top: 100%;
        left: -68px;
        padding: 30px;
        width: 420px;
    }

    .hl-share-box .hl-qrcode-wrap {
        float: left;
        display: block;
        width: 100px;
        text-align: center;
    }

    .hl-share-box .hl-qrcode-wrap img {
        width: 100%;
        height: 100%;
    }

    .hl-share-box .hl-qrcode-wrap p {
        margin-bottom: 10px;
        font-weight: 700;
    }

    .hl-share-box .hl-qrcode-wrap p.hl-qrcode {
        margin: 0;
    }

    .hl-share-box .hl-links-wrap {
        float: left;
        display: block;
        margin-left: 30px;
        padding: 0 0 0 30px;
        width: 230px;
        border-left: 1px solid;
    }

    .hl-share-box .hl-share-tips {
        margin-bottom: 10px;
    }

    .hl-share-box .hl-share-link {
        padding: 10px;
        max-height: 50px;
    }

    .hl-share-box .hl-copy-btn {
        margin: 10px auto 0;
        width: 100%;
        line-height: 36px;
    }

    /* filter */
    .hl-filter-all {
        padding: 10px 30px;
        border-radius: 4px;
    }

    .hl-filter-wrap.swiper-container-free-mode > .swiper-wrapper {
        margin: 15px 0;
    }

    .hl-filter-list {
        overflow: hidden;
        margin: 15px 0;
        padding: 0 0 0 50px;
    }

    .hl-filter-list li:first-child {
        margin-left: 0;
    }

    .hl-filter-opted li:last-child {
        margin-right: 0;
    }

    .hl-filter-wrap .swiper-wrapper {
        display: block;
        width: calc(100% - 50px);
    }

    .hl-filter-text::after, .hl-filter-reselect::after {
        background: none;
    }

    /* alert */
    .hl-from-buttons .hl-alert-box::after, .hl-list-share .hl-alert-box::after {
        left: auto;
        margin-left: 0;
    }

    .hl-list-share .hl-alert-box::after {
        left: 76px;
    }

    .hl-from-buttons .hl-alert-box::after {
        left: 22px;
    }

    .hl-alert-items .hl-alert-box::after, .hl-from-buttons .hl-alert-box::after {
        display: block;
    }

    .hl-tool-icon .hl-list-qrcode .hl-alert-box {
        left: -88px;
    }

    .hl-poptips-wrap {
        width: 320px;
    }

    /* page */
    .hl-page-wrap li, .hl-page-wrap li.active {
        padding: 0 5px;
        width: auto;
    }

    .hl-page-wrap li .num, .hl-page-wrap li a {
        padding: 0 15px;
        width: auto;
    }

    .hl-page-wrap li a.hl-page-dot {
        padding: 0 5px;
        border: 0;
    }

    /* user */
    .hl-loginwrap {
        padding: 0 40px;
    }

    .hl-member .hl-reg-wrap {
        margin-bottom: 35px;
        padding: 50px;
        width: 400px;
        border-radius: 4px;
    }

    .conch-member .hl-cont-left, .conch-member .hl-cont-right {
        margin-bottom: 15px;
        border-radius: 4px;
    }

    .conch-member .hl-cont-right {
        padding: 25px;
        min-height: 823px;
    }

    .conch-member .hl-user-head {
        padding: 25px 15px;
    }

    .conch-member .hl-user-info, .conch-member .hl-user-set ul {
        border-radius: 0;
    }

    .conch-member .hl-user-info {
        margin: 0 15px 25px 15px;
        border-radius: 4px;
    }

    .conch-member .hl-user-set ul {
        margin-bottom: 0;
    }

    .conch-member .hl-user-set ul:first-child li:last-child a {
        border-bottom: 1px solid;
    }

    .conch-member .hl-user-set a > span > i {
        font-size: 18px;
    }

    .conch-member .hl-cont-list {
        padding: 0;
    }

    .conch-member .hl-cont-list .hl-btn-submit {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 280px;
    }

    .conch-member .hl-cont-list p.hl-quanxian-type > em {
        text-align: left;
    }

    .conch-member .hl-cont-list p.hl-quanxian-type > em > i {
        width: auto;
    }

    .conch-member .hl-data-list .hl-item-content {
        width: calc(100% - 180px);
    }

    .conch-member .hl-data-list .hl-btn-del {
        width: 90px;
    }

    /* jump */
    .hl-msg-jump {
        margin: 35px auto;
        padding: 50px;
        width: 400px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    /* other */
    .hl-marg-right20 {
        margin-right: 20px;
    }

    .hl-marg-right50 {
        margin-right: 50px;
    }

    /* banner */
    .conch-banner .conch-brwrap-art .hl-brrt-item:nth-child(1) {
        margin-top: 0;
    }

    .conch-banner .conch-brwrap-art .conch-br-box .hl-br-thumb {
        padding-top: 0;
        height: 380px;
    }

    .conch-banner .conch-brwrap-art .hl-brrt-item .hl-item-thumb {
        padding-top: 0;
        height: 180px;
    }

    /* rowbox */
    .conch-content .hl-row-box .hl-rb-side.fixed {
        position: fixed;
        top: 95px;
        z-index: 0;
        width: 950px;
    }

    .conch-content .hl-row-box .hl-rb-side.fixed > div {
        width: 30%;
        overflow: hidden;
    }

    /* detail */
    .conch-content .hl-detail-content {
        margin-bottom: 0;
    }

    /* play */
    .conch-content .hl-playside-wrap {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

    .conch-content .hl-play-side {
        overflow: hidden;
        padding: 20px;
    }

    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs.hl-list-md {
        max-height: 205px;
    }

    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs.hl-list-md .hl-show-div {
        display: block;
    }

    .conch-content .hl-row-box.hl-one-relvod .hl-list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
    }

    .conch-content .hl-row-box.hl-one-relvod .hl-item-thumb {
        float: left;
        padding-top: 25%;
        width: 45%;
    }

    .conch-content .hl-row-box.hl-one-relvod .hl-item-text {
        float: left;
        margin-top: 0;
        padding-left: 10px;
        width: 55%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    /* art */
    .conch-content .hl-row-box .hl-rb-side .hl-art-list .hl-item-title {
        font-size: 15px;
        line-height: 20px;
    }

    /* smlist */
    .hl-rb-side .hl-public-box .row .hl-item-pic {
        padding: 0 5px 0 10px;
    }

    .hl-rb-side .hl-public-box .row .hl-item-content {
        padding: 0 10px 0 5px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1310px) {
    .container {
        width: 1280px;
    }
}

@media (max-width: 767px) {
    .hl-visible-xs {
        display: block !important;
    }

    .hl-hidden-xs {
        display: none !important;
    }

    /* color */
    .conch-header .conch-hasconch .hl-list-font > a, .conch-hasbg .conch-header .hl-list-font > a, .conch-hasbg .conch-header .conch-search > form > button, .conch-hasbg .conch-search > form > input, .conch-hasbg .conch-search > form > a {
        color: rgba(255, 255, 255, .8);
    }

    .conch-hasbg .conch-search > form > input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .2);
    }

    /* container */
    .container.hl-home-nano, .container.hl-paly-players, .container.hl-new-cont {
        padding: 0;
    }

    /* header */
    #conch-member #conch-header {
        display: none !important;
    }

    .conch-hasone.conch-adjust-fix {
        padding-top: 48px;
    }

    .conch-header .conch-list .hl-user-items > a.hl-user-face {
        margin-top: 15px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .conch-header .conch-list .hl-user-items .hl-alert-box {
        display: none !important;
    }

    .conch-header .conch-search .hl-sh-search form > a {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 4;
        padding: 0 15px;
    }

    .conch-header .conch-search .hl-sh-box {
        top: 0;
        margin-top: 0;
    }

    .conch-header .conch-search .hl-sh-search {
        display: block;
        height: 50px;
        border-bottom: 1px solid;
        line-height: 50px;
    }

    .conch-header .conch-search .hl-search-focus {
        position: absolute;
        z-index: 10;
        display: block;
        width: 100%;
        height: 100%;
    }

    .conch-header .conch-search .hl-sh-search .hl-search-text {
        margin: 10px 0;
        padding: 0 100px 0 15px;
        width: 100%;
        height: 30px;
        border: 0;
        line-height: 30px;
    }

    .conch-header .conch-search .hl-sh-search .hl-search-submit {
        position: absolute;
        top: 0;
        right: 55px;
        z-index: 3;
        width: 40px;
        height: 50px;
        border: 0;
        background: 0 0;
    }

    .conch-adjust-res .conch-results {
        position: fixed !important;
        z-index: 99999 !important;
        width: 100% !important;
        height: 100%;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* smallnav */
    .conch-content .hl-smnav-home .hl-smnav-item a {
        background: none;
    }

    /* vodlist */
    .conch-content .hl-row-box .hl-list-v12.hl-vod-big .hl-vod-list li:nth-child(11) {
        display: none !important;
    }

    .conch-content .hl-row-box .hl-change-list .hl-vod-list li:last-child, .conch-content .hl-row-box .hl-change-list .hl-vod-list li:nth-child(3n), .conch-content .hl-row-box .hl-list-hide .hl-vod-list li {
        display: none;
    }

    .conch-content .hl-row-box .hl-list-hide .hl-vod-list li:nth-child(1), .conch-content .hl-row-box .hl-list-hide .hl-vod-list li:nth-child(2), .conch-content .hl-row-box .hl-list-hide .hl-vod-list li:nth-child(3), .conch-content .hl-row-box .hl-list-hide .hl-vod-list li:nth-child(4) {
        display: block;
    }

    .conch-content .hl-vod-rank .hl-rank-list li:nth-child(6), .conch-content .hl-vod-rank .hl-rank-list li:nth-child(7), .conch-content .hl-vod-rank .hl-rank-list li:nth-child(8) {
        display: none;
    }

    .conch-content .hl-vod-rank .hl-rank-list li {
        line-height: 46px;
    }

    .conch-content .hl-vod-rank .hl-rank-list .hl-item-name {
        font-size: 15px;
    }

    .conch-content .hl-new-items .hl-row-box ul {
        padding-top: 7px;
    }

    /* playlist */
    .conch-content .hl-play-source .hl-plays-list.hl-list-hide-xs {
        max-height: 95px;
    }

    /* detail */
    .conch-content .hl-detail-content.hl-wide-items .hl-dc-pic {
        width: 100%;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-item-thumb {
        padding-top: 45%;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-content {
        padding-left: 0;
        width: 0;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-headwrap {
        position: absolute;
        top: 15px;
        left: 0;
        padding: 0 15px;
        width: 100%;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-title {
        color: #fff;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-item-thumb::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 60%;
        background-image: linear-gradient(rgba(0, 0, 0, .5), transparent);
        background-repeat: no-repeat;
        content: "";
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-btns {
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-btns .hl-play-wb {
        width: 100%;
        height: 100%;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-btns a {
        margin: 0;
        width: 100%;
        height: 100%;
        background: 0 0 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
        font-size: 0;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-btns a > i {
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-size: 40px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-pic-tag {
        top: auto;
        right: 15px;
        bottom: 15px;
    }

    /* play */
    .conch-content .hl-paly-players .hl-playinfo-wrap, .conch-content .hl-paly-players .hl-playside-wrap {
        padding: 0 15px;
    }

    .conch-content .hl-vod-data .hl-item-pic {
        position: absolute;
        right: 20px;
        z-index: 9;
        width: 80px;
    }

    .conch-content .hl-vod-data li:nth-child(-n+5) {
        width: calc(100% - 100px);
    }

    .conch-content .hl-vod-data li.blurb {
        padding-top: 30px;
        padding-left: 0;
        line-height: 1.6;
    }

    .conch-content .hl-vod-data li.blurb em {
        display: none;
    }

    /* search */
    .conch-content .hl-search-hot {
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: -15px;
        width: calc(100% + 30px);
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .conch-content .hl-search-hot span {
        margin-left: 15px;
    }

    .conch-content .hl-search-hot a:last-child {
        margin-right: 15px;
    }

    /* topic */
    .conch-content .hl-topic-content .hl-topic-thumb {
        margin-bottom: 25px;
    }

    .conch-content .hl-rb-actor .hl-actor-list li:nth-child(10), .conch-content .hl-rb-actor .hl-actor-list li:nth-child(9) {
        display: none !important;
    }

    /* alert */
    .hl-full-alert {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        display: block !important;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .hl-full-x100 {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -ms-transform: translateX(-100%);
    }

    .hl-full-x100.hl-full-x0 {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0);
    }

    .hl-full-box {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 20px;
        padding-bottom: 25px;
        height: calc(100% - 85px);
        -webkit-overflow-scrolling: touch;
    }

    .hl-half-alert {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999998;
        display: block !important;
        border-radius: 15px 15px 0 0;
    }

    .hl-half-y100 {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -ms-transform: translateY(100%);
    }

    .hl-half-y100.hl-half-y0 {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-transform: translateY(0);
    }

    .hl-pops-items .hl-alert-box {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 999999;
        transform: translate(-50%, -50%);
    }

    .hl-pops-items .hl-alert-box .hl-qrcode-wrap {
        padding: 30px 15px;
        width: 240px;
    }

    .hl-pops-items .hl-alert-box .hl-qrcode-pic img {
        width: 180px;
        height: 180px;
    }

    .hl-score-wrap .hl-half-alert {
        padding: 20px 25px 50px;
    }

    /* links */
    .conch-content .hl-row-box .hl-list-item.hl-text-site {
        width: 100%;
        font-size: 16px;
    }

    /* foot */
    .conch-footer .conch-footwrap.hl-footnav-show {
        padding: 40px 0 80px 0;
    }

    .conch-footer .hl-footnav-show .hl-foot-extra {
        bottom: 70px;
    }

    /* user */
    .conch-member .hl-user-set a > span, .conch-member .hl-cont-list p {
        font-size: 15px;
    }

    .conch-member .hl-user-set a > span > i {
        font-size: 22px;
    }

    /* ads */
    .conch-footer .hl-footnav-show .hl-ads-bottom {
        bottom: 50px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .hl-visible-sm {
        display: block !important;
    }

    .hl-hidden-sm {
        display: none !important;
    }

    /* header */
    .conch-header .conch-search, .conch-header .conch-search .hl-sh-item {
        width: 240px;
    }

    .conch-header .conch-list .hl-list-font {
        margin-left: 15px;
    }

    .conch-header .conch-nav .hl-nav-item:nth-child(1) {
        display: block;
    }

    /* banner */
    .conch-banner .conch-br-box .hl-br-thumb {
        padding-top: 45%;
    }

    /* smallnav */
    .conch-content .hl-smnav-home .hl-smnav {
        text-align: center;
    }

    .conch-content .hl-smnav-home .hl-smnav-item {
        float: none;
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
    }

    /* vodlist */
    .conch-content .hl-row-box .hl-vod-big .hl-vod-list li:first-child, .conch-content .hl-row-box .hl-vod-widebig .hl-vod-list li:first-child {
        width: 50%;
    }

    .conch-content .hl-row-box .hl-vod-widebig .hl-item-thumb {
        height: 95px;
    }

    .conch-content .hl-row-box .hl-vod-widebig li:first-child .hl-item-thumb {
        height: 268px;
    }

    .conch-content .hl-list-v6.hl-vod-big .hl-vod-rank {
        height: calc(50% + 28px);
    }

    .conch-content .hl-list-v12 .hl-vod-rank {
        height: calc(33.333333% + 28px);
    }

    .conch-content .hl-list-v12.hl-wide-wrap .hl-vod-rank {
        height: calc(66.666666% + 28px);
    }

    .conch-content .hl-row-box .hl-change-list .hl-vod-list:not(.hl-wide-list) li:last-child, .conch-content .hl-row-box .hl-change-list .hl-vod-list:not(.hl-wide-list) li:nth-last-child(2), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(10), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(11), .conch-content .hl-row-box .hl-list-v6:not(.hl-vod-big) .hl-vod-list li:nth-child(5), .conch-content .hl-row-box .hl-list-v6:not(.hl-vod-big) .hl-vod-list li:nth-child(6), .conch-content .hl-row-box.hl-rb-relvod .hl-vod-list.hl-wide-list li:nth-child(7), .conch-content .hl-row-box.hl-rb-relvod .hl-vod-list.hl-wide-list li:nth-child(8) {
        display: none !important;
    }

    .conch-content .hl-row-box .hl-list-v6 .hl-art-list li:nth-child(5), .conch-content .hl-row-box .hl-list-v6 .hl-art-list li:nth-child(6), .conch-content .hl-row-box.hl-rb-relart .hl-art-list li:nth-child(5) {
        display: none !important;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-thumb {
        padding-top: 56.25%;
    }

    .conch-content .hl-rb-actor .hl-actor-list li:nth-child(10), .conch-content .hl-rb-actor .hl-actor-list li:nth-child(7), .conch-content .hl-rb-actor .hl-actor-list li:nth-child(8), .conch-content .hl-rb-actor .hl-actor-list li:nth-child(9) {
        display: none !important;
    }

    /* weekday */
    .conch-content .hl-row-box .hl-rb-type-child {
        float: left;
        margin: 25px 0 0 0;
        width: 100%;
    }

    /* listswiper */
    .conch-content .hl-row-box .hl-swiper-item .hl-list-vn.hl-list-rk .hl-ls-arrow {
        right: calc(25% + 10px);
    }

    /* detail */
    .conch-content .hl-detail-content .hl-dc-pic {
        width: 160px;
    }

    .conch-content .hl-detail-content .hl-dc-content {
        padding-left: 20px;
        width: calc(100% - 160px);
    }

    .conch-content .hl-detail-content .hl-share-box, .conch-content .hl-topic-content .hl-share-box {
        right: -88px;
        left: auto;
    }

    .conch-content .hl-detail-content .hl-share-box.hl-alert-box::after, .conch-content .hl-topic-content .hl-share-box.hl-alert-box::after {
        right: 96px;
        left: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hl-visible-md {
        display: block !important;
    }

    .hl-hidden-md {
        display: none !important;
    }

    /* header */
    .conch-header .conch-search, .conch-header .conch-search .hl-sh-item {
        width: 268px;
    }

    .conch-header .conch-list .hl-list-font {
        margin-left: 18px;
    }

    .conch-header .conch-nav .hl-nav-item:nth-child(-n+3) {
        display: block;
    }

    /* banner */
    .conch-banner .conch-br-box .hl-br-thumb {
        padding-top: 40%;
    }

    /* rowbox */
    .conch-content .hl-row-box .hl-rb-type-child {
        width: 570px;
    }

    .conch-content .hl-row-box .hl-swiper-item .hl-rb-type-child {
        width: 440px;
    }

    /* vodlist */
    .conch-content .hl-row-box .hl-vod-big .hl-vod-list li:first-child, .conch-content .hl-row-box .hl-vod-widebig .hl-vod-list li:first-child {
        width: 40%;
    }

    .conch-content .hl-row-box .hl-vod-big .hl-item-thumb {
        height: 252px;
    }

    .conch-content .hl-row-box .hl-vod-widebig .hl-item-thumb {
        height: 98px;
    }

    .conch-content .hl-row-box .hl-vod-widebig li:first-child .hl-item-thumb {
        height: 274px;
    }

    .conch-content .hl-row-box .hl-change-list .hl-vod-list:not(.hl-wide-list) li:last-child, .conch-content .hl-row-box .hl-change-list .hl-vod-list:not(.hl-wide-list) li:nth-last-child(2), .conch-content .hl-row-box .hl-list-v12 .hl-vod-list li:nth-child(11), .conch-content .hl-row-box .hl-list-v12 .hl-vod-list li:nth-child(12), .conch-content .hl-row-box .hl-list-v12.hl-vod-big .hl-vod-list li:nth-child(10), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(10), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(11), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(8), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(9), .conch-content .hl-row-box .hl-list-v4 .hl-topic-list li:nth-child(4), .conch-content .hl-row-box .hl-list-v6.hl-vod-big .hl-vod-list li:nth-child(5), .conch-content .hl-row-box .hl-list-v6.hl-vod-big .hl-vod-list li:nth-child(6), .conch-content .hl-row-box .hl-list-v6.hl-vod-big .hl-vod-list li:nth-child(7), .conch-content .hl-row-box .hl-list-v6:not(.hl-vod-widebig) .hl-vod-list li:nth-child(6), .conch-content .hl-row-box.hl-rb-relvod .hl-vod-list.hl-wide-list li:nth-child(7), .conch-content .hl-row-box.hl-rb-relvod .hl-vod-list.hl-wide-list li:nth-child(8) {
        display: none !important;
    }

    .conch-content .hl-row-box .hl-list-v12 .hl-art-list li:nth-child(11), .conch-content .hl-row-box .hl-list-v12 .hl-art-list li:nth-child(12), .conch-content .hl-row-box .hl-list-v6 .hl-art-list li:nth-child(6), .conch-content .hl-row-box.hl-rb-relart .hl-art-list li:nth-child(5) {
        display: none !important;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-content p {
        -webkit-line-clamp: 1;
    }

    .conch-content .hl-rb-actor.hl-rb-one .hl-actor-list li {
        width: 12.5%;
    }

    .conch-content .hl-rb-actor .hl-actor-list li:nth-child(10), .conch-content .hl-rb-actor .hl-actor-list li:nth-child(9) {
        display: none !important;
    }

    .conch-content .hl-rb-reltopic .hl-topic-list li:nth-child(3) {
        display: block;
    }


    /* listswiper */
    .conch-content .hl-row-box .hl-swiper-item .hl-list-vn.hl-list-rk .hl-ls-arrow {
        right: calc(20% + 10px);
    }

    /* detail */
    .conch-content .hl-detail-content .hl-dc-pic {
        width: 220px;
    }

    .conch-content .hl-detail-content .hl-dc-content {
        width: calc(100% - 220px);
    }

    .conch-content .hl-detail-content .hl-dc-btns a.hl-from-btn {
        display: none !important;
    }

    .conch-content .hl-detail-side .hl-ds-qrcode img {
        width: 80px;
    }

    .conch-content .hl-detail-side.hl-wide-items {
        padding-bottom: 20px;
    }

    .hl-score-info .hl-douban-score {
        display: none;
    }
}

@media (min-width: 1200px) {
    .hl-visible-lg {
        display: block !important;
    }

    .hl-hidden-lg {
        display: none !important;
    }

    .conch-header .conch-nav .hl-nav-item:nth-child(-n+5) {
        display: block;
    }

    /* rowbox */
    .conch-content .hl-row-box .hl-rb-type-child {
        width: 780px;
    }

    .conch-content .hl-row-box .hl-swiper-item .hl-rb-type-child {
        width: 640px;
    }

    .conch-content .hl-row-box .hl-rb-side.fixed {
        width: 1150px;
    }

    .conch-content .hl-row-box .hl-rb-side.fixed > div {
        width: 25%;
    }

    /* vodlist */
    .conch-content .hl-row-box .hl-vod-big .hl-vod-list li:first-child, .conch-content .hl-row-box .hl-vod-widebig .hl-vod-list li:first-child {
        width: 33.333333%;
    }

    .conch-content .hl-row-box .hl-list-v6.hl-vod-widebig .hl-vod-list li:first-child {
        width: 16.666666%;
    }

    .conch-content .hl-row-box .hl-list-v6.hl-vod-widebig .hl-vod-list .hl-item-thumb {
        padding-top: 56.25%;
    }

    .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(10), .conch-content .hl-row-box .hl-list-v12.hl-vod-widebig .hl-vod-list li:nth-child(11), .conch-content .hl-row-box .hl-list-v6.hl-vod-big .hl-vod-list li:nth-child(6), .conch-content .hl-row-box .hl-list-v6.hl-vod-big .hl-vod-list li:nth-child(7), .conch-content .hl-row-box .hl-list-v6.hl-vod-widebig .hl-vod-list li:nth-child(7) {
        display: none !important;
    }

    .conch-content .hl-rb-reltopic .hl-topic-list li:nth-child(3), .conch-content .hl-rb-reltopic .hl-topic-list li:nth-child(4) {
        display: block;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-content p {
        -webkit-line-clamp: 1;
    }

    /* detail */
    .conch-content .hl-detail-content.hl-wide-items .hl-dc-pic {
        width: 350px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-content {
        width: calc(100% - 350px);
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-headwrap {
        margin-bottom: 15px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-dc-title {
        font-size: 24px;
        line-height: 28px;
    }

    .conch-content .hl-detail-content.hl-wide-items .hl-vod-data li.blurb {
        -webkit-line-clamp: 2;
    }

    .hl-score-info .hl-douban-score {
        display: none;
    }
}

@media (min-width: 1310px) {
    .conch-header .conch-nav .hl-nav-item:nth-child(-n+6), .hl-score-info .hl-douban-score {
        display: block;
    }

    /* rowbox */
    .conch-content .hl-row-box .hl-rb-type-child {
        width: 830px;
    }

    .conch-content .hl-row-box .hl-swiper-item .hl-rb-type-child {
        width: 720px;
    }

    .conch-content .hl-row-box .hl-rb-side.fixed {
        width: 1260px;
    }

    .conch-content .hl-row-box .hl-list-grid .hl-art-list .hl-item-content p {
        -webkit-line-clamp: 2;
    }
}
/*comment*/
.comment-item, .ui-comment li, .comment-ul li, .playlog-ul li, .order-list li {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.comment-post-arrow {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 9%;
}

.comment-assist a:hover, .comment-top .user, .comment-top a {
    color: #f90;
}

.comment-replay-assist .ui-button {
    color: #fff;
}

.comment-sub {
    background-color: #fff;
}

.comment-num, .comment-sub {
    border: 1px solid #fff;
}

.comment-post {
    background-color: #f5f5f5;
    color: #999;
}

.comment-post-arrow {
    border-right: 12px solid #f5f5f5;
}

/*右实线*/
.comment-replay-arrow {
    border-bottom: 12px solid #e7e7e7;
}

.comment-replay {
    background: #e7e7e7;
}

.comment-num {
    background-color: #f5f5f5;
    color: #999;
}

.comment-num {
    position: absolute;
    padding: 0;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: 5px
}

.comment-num em {
    display: block;
    padding: 5px 10px;
    margin-bottom: 2px;
    font-style: inherit;
    border-radius: 5px 5px 0 0
}

.comment-num span {
    display: block;
    padding: 0 10px 2px 10px;
    font-size: 12px
}

.comment-avatar, .news-avatar {
    width: 8%;
    float: left;
    overflow: hidden
}

.comment-avatar img, .news-avatar img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 80px;
}

.comment-lou {
    text-align: center;
    margin: 5px;
}

.comment-post, .comment-focus .news-box, .comment-post-self {
    width: 90%;
    float: right;
    padding: 8px;
    border-radius: 5px;
}

.comment-body {
    width: 100%;
    overflow: hidden;
}

.comment-text {
    line-height: 28px;
    text-indent: 2%;
}

.comment-top {
    padding: 5px 0px
}

.comment-text, .comment-top {
    word-wrap: break-word;
    color: #666;
}

.comment-top span.time {
    float: right;
    padding: 2px 0;
    font-size: 13px;
}

.comment-text em {
    margin-right: 5px;
    font-weight: 400
}

.comment-assist {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin: 5px 0px;
    padding-right: 4px;
    font-size: 13px
}

.comment-assist span a {
    margin-right: 10px
}

.comment-assist p.fn-left {
    float: left
}

.comment-assist p.fn-right {
    float: right
}

.ui-form-info {
    padding-top: 10px;
}

/*回复*/
.comment-replay {
    margin: 10px 5px 10px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative;
}

.comment-replay-arrow {
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    overflow: hidden;
    position: absolute;
    top: -12px;
    right: 5px;
    z-index: 8
}

.comment-replay-cnt {
    overflow: hidden;
    padding: 10px;
}

.comment-replay .ui-textarea {
    width: 99%;
    height: 60px;
    line-height: 20px;
    border-color: #ccc;
}

.comment-replay-assist .ui-button {
    float: right;
}

.comment-replay-assist {
    overflow: hidden;
    padding-top: 10px;
}

.comment-replay-assist p {
    float: left
}

/*回复内容*/
.comment-sub {
    margin: 10px 5px 10px 5px;
    padding: 10px;
    border-radius: 5px;
}

.comment-sub .sublou {
    margin-right: 10px;
}

.comment-focus {
    margin-top: 35px;
}